/*
CTC Separate Stylesheet
Updated: 2022-12-12 12:06:05
*/

/* Consistent use of TUD blue */

a {
    color: #00a6d6;
    text-decoration: none;
}

/* Fatter title on events/blog/pages */

.entry-title {
    font-weight: 400;
}

/* Prevent hyphenation */

.entry-content, .entry-summary, .page-content {
    hyphens: none;
}

/* Adjust feed side margins */

.feed-content-inner {
    width: 84%;
    margin: auto;
    margin-top: 20px;
}

/* Adjust content padding */

.entry-header .entry-content {
	padding-left: 40px !important;
    padding-right: 40px;
}

/* Restyle menu toggle, search toggle and bar */

.search-toggle {
    /* background-color: #009de3 */
    background-color: unset;
    border-left: 1px solid #525252;
}

.menu-toggle {
	background-color: unset;
}

.search-toggle:hover, .search-toggle.active {
    /* background-color: #00affd; */
    background-color: #00a6d6;
}

.search-box {
    /* background-color: #00affd; */
    background-color: #00a6d6;
}

/* Adjust header height */

.masthead-fixed .site-main {
    margin-top: 56px;
}

.site-header {
    border-bottom: none;
    background-color: #00212b;
}

.header-main {
    min-height: 56px;
}

.site-title {
    line-height: 56px;
}

.header-logo {
	padding: 0px;
}

.primary-navigation li {
	height: 56px;
    line-height: 56px;
}

.primary-navigation ul ul {
    top: 56px;
}

.menu-toggle {
    height: 56px;
    width: 56px;
}

.search-toggle {
    height: 56px;
    width: 56px;
    margin-right: unset;
}

@media (max-width: 783px) {

	.masthead-fixed .site-main {
    	margin-top: unset;
        clear: both;
	}

	.search-toggle {
        margin-right: 56px;
    }

	.primary-navigation li {
	height: unset;
    line-height: 30px;
	}
    
}

.search-toggle:before {
    font-size: 25px;
    margin: 16px 0px 0px 3px;
}

.search-box-wrapper {
    top: 56px;
}

.top-socials {
    line-height: 56px;
    padding: 6px;
    margin-right: 56px;
}

/* Feed labels */

.feed-label {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    min-height: 32px;
    margin: 32px 15px 12px 15px;
    text-align: left;
    vertical-align: bottom;
    text-transform: uppercase;
   
    margin-left: 15px;
    margin-right: 15px;
    background-color: #00a6d6;
    padding: 8px 14px 4px 14px;
    color: white;
    border-radius: 0px;
    width: fit-content;
    clear: both;
}

a .feed-label {
	color: white;
}

a:hover .feed-label {
	background-color: #0c2340;
}

.feed-sep {
	background-color: #00a6d6;
	height: 4px;
    width: 36px;
    margin-left: 15px;
}

/* Resize/hide Google map */

.location-map {
    width: 400px;
    margin: 20px 0px;
    display: none;
}

/* Hide location link */

.location-url-wrapper {
	display: none;
}

/* Fix thumbnail transitions */

.post-thumbnail {
 	/* transition: background-color 0.5s ease; */
    transition: none;
}

.post-thumbnail .post-thumbnail-extra {
    /* background-color: #00affd; */
    bottom: 0px;
    transition: none;
    background-color: #00a6d6;
    transparency: unset;
    padding: 6px 10px;
}

/* Fix speaker spacing */

.site-content .entry-meta > span {
    margin-right: 0;
}

/* Narrower mailpoet form */

.mailpoet_form {
	max-width: 400px;
}

/* Replace header logo */

.site-title, .site-description {
    background-color: #00a6d6;
}

.header-logo {
    background: url(images/logo.svg) no-repeat;
    background-size: 200px;
    background-position: 10px 0px;
    width: 100%;
    margin-left: 8px;
    border-radius: unset;
}

/* Adjust header logo size */

.site-title {
	width: 240px;
}

/* Restyle and remove triangle on dropdown primary navigation */

.site-navigation .current_page_item > a, .site-navigation .current-menu-item > a {
	background-color: #0c2340;
}

.nav-menu .menu-item a:hover, .nav-menu .menu-item a:hover {
	background-color: #0c2340;
}

.primary-navigation li:hover > a, .primary-navigation li.focus > a {
    background-color: #0c2340;
}

@media screen and (min-width: 783px) {
    .sub-menu .menu-item a, .sub-menu .menu-item a {
        background-color: #00a6d6;
    }
}

.primary-navigation .menu-item-has-children > a:after,
.primary-navigation .page_item_has_children > a:after {
    content: unset;
}

.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
    content: unset;
}

.primary-navigation li .menu-item-has-children > a,
.primary-navigation li .page_item_has_children > a {
    padding-right: 0px;
}

.primary-navigation a {
    min-width: 50px;
}

.primary-navigation .menu-item-has-children > a, 
.primary-navigation .page_item_has_children > a,
.primary-navigation .menu-item > a, 
.primary-navigation .page_item > a {
	padding-left: 20px;
    padding-right: 20px;
}

.primary-navigation ul ul {
    -background-color: #00a6d6;
}

/* Left align primary navigation sub menu */

.primary-navigation a {
    text-align: left;
}

.primary-navigation ul ul a {
    padding: 12px 20px;
    line-height: 20px;
    width: 100px;
}

/* Not sure now... */

.site:before {
    display: none;
}

/* Hide secondary navigation */

.feed-content, .search-box-wrapper, .featured-content {
    padding-left: 0px;
}

.site-content, .site-main .widecolumn {
    margin-left: 0px;
}

#secondary {
    display: none;
}


/* Styling for top socials widget area */

.top-socials {
    float: right;
}

ul.wp-block-social-links {
	margin-bottom: 0px;
}

.wp-social-link-mail {
	/* background-color: #f0f0f0;
    color: #444; 
    yellow: #ffb81c */
    background-color: #ec6842 !important;
    color: white !important;
}

/* Hide top socials on narrow screens */

@media (max-width: 950px) {
	.top-socials {
		clear: both;
        margin-right: 0px;
	}
}

/* Remove Proudly Powered - CSS doesn't work so commented out in PHP */

.site-info {
	visibility: hidden;
}

/* Remove random padding from header (only visible on mobile)*/

.primary-sidebar {
    padding-top: 0px;
}

/* Fix disappearing logo after adding header */

.site-title, .site-description {
    position: relative !important;
}

/* Adjust footer */

.wp-block-spacer {
	height: 0px !important;
}

 .site-footer {
 	background-color: #00212b;
}

.footer-sidebar {
    padding-top: 0px;
    margin-bottom: 0px;
    /* height: 130px !important; */
}

ul.bottom-socials {
	float: right;
    padding-top: 12px;
    
}

.register-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    min-height: 32px;
    text-align: left;
    vertical-align: bottom;
    margin-top: 12px;
    text-transform: uppercase;
   
    color: white;
	background-color: #00a6d6;
    padding: 8px 14px 4px 14px;
    width: fit-content;
    clear: both;
}

.register-link a {
    color: white;
    text-decoration: underline;    
}

.register-link a:hover {
	color: #0c2340;
}

.full-width .site-content blockquote.alignleft, .full-width .site-content img.size-full.alignleft, .full-width .site-content img.size-large.alignleft, .full-width .site-content img.size-medium.alignleft, .full-width .site-content .wp-caption.alignleft {
    margin-left: 0px;
}

.full-width .site-content blockquote.alignright, .full-width .site-content img.size-full.alignright, .full-width .site-content img.size-large.alignright, .full-width .site-content img.size-medium.alignright, .full-width .site-content .wp-caption.alignright {
    margin-right: 0px;
}

/* Experimental

.footer-sidebar .widget {
    width: 640px;
}

.masonry-brick {
	position: relative !important;
    top: 0px !important;
    left: 0px !important;
}

*/