/* Theme Name: Enfold Child Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /* Publications styling */ main.template-publications {width: 100% !important; border: none !important;} main.template-publications h1 {margin-bottom: 30px !important;} ul.publications-list {margin: 0 !important;} ul.publications-list .publication {display: block; padding: 45px 30px;} ul.publications-list .publication:nth-child(odd) {background: #F3F4F6; border-radius: 5px;} ul.publications-list .publication .graphical_abstract {width: 100%; margin-bottom: 15px;} ul.publications-list .publication .graphical_abstract img {max-width: 100%; max-height: 100%; width: auto; height: auto;} ul.publications-list .publication .publication-content {width: 100%; font-size: 14px !important;} ul.publications-list .publication .publication-content h4 {font-size: 13px !important;} ul.publications-list .publication .publication-content .authors {} ul.publications-list .publication .publication-content ul.publication-meta {display: flex; padding: 0; margin: 15px 0;} ul.publications-list .publication .publication-content ul.publication-meta li.source-title {padding-right: 3px; font-style: italic;} ul.publications-list .publication .publication-content ul.publication-meta li.publication-year {padding-right: 3px;} ul.publications-list .publication .publication-content ul.publication-meta li.volume {padding-right: 3px;} ul.publications-list .publication .publication-content ul.publication-meta li.start-page {} ul.publications-list .publication .publication-content ul.publication-meta li.end-page {padding-right: 3px;} ul.publications-list .publication .publication-content ul.publication-meta li.article-number {padding-right: 3px;} ul.publications-list .publication .publication-content ul.publication-meta li.doi {} ul.publications-list .publication .publication-content article.abstract p {margin-bottom: 0;} @media (min-width: 991px) { ul.publications-list {} ul.publications-list .publication {display: flex; align-items: start; justify-content: start;} ul.publications-list .publication .graphical_abstract {width: 34%; height: 240px; padding-right: 20px; margin-bottom: 0;} ul.publications-list .publication .graphical_abstract img {} ul.publications-list .publication .publication-content {width: 66%; padding-left: 20px;} ul.publications-list .publication .publication-content h4 {} ul.publications-list .publication .publication-content .authors {} ul.publications-list .publication .publication-content ul.publication-meta {} ul.publications-list .publication .publication-content ul.publication-meta li.source-title {} ul.publications-list .publication .publication-content ul.publication-meta li.publication-year {} ul.publications-list .publication .publication-content ul.publication-meta li.volume {} ul.publications-list .publication .publication-content ul.publication-meta li.start-page {} ul.publications-list .publication .publication-content ul.publication-meta li.end-page {} ul.publications-list .publication .publication-content ul.publication-meta li.article-number {} ul.publications-list .publication .publication-content ul.publication-meta li.doi {} ul.publications-list .publication .publication-content article.abstract p {} } /* Other styling */ .project-logo img {max-width: 230px !important;} .project-logo:hover img {opacity: 0.35;} #smaller-internship-logo {max-width: 80% !important;} .main_color .small-preview:hover {background: #fff !important;} table.clean-table {} table.clean-table tr {} table.clean-table tr td {border-left: none !important; border-right: none !important; padding: 15px 25px 15px 0 !important; vertical-align: middle !important;} table.clean-table tr td img {max-height: 100px !important; max-width: 130px !important; width: auto !important; height: auto !important;} .mfp-title {display: none !important;} .post-meta-infos .text-sep.text-sep-cat, .post-meta-infos .text-sep.text-sep-comment, .post-meta-infos .comment-container, .post-meta-infos .blog-author {display: none !important;} .avia-team-member img {transition: all 0.3s;} .avia-team-member:hover img {opacity: 0.6;} .avia-team-member .team-member-name {transition: all 0.3s; font-size: 18px !important; margin-bottom: 24px; line-height: 24px !important;} .avia-team-member:hover .team-member-name {opacity: 0.6;} .responsive #top #header #header_main .inner-container #extra-logo {max-width: 280px !important;} /*Add your own styles here:*/ @media (min-width: 1000px) { #wrap_all #main {padding-top: 90px !important;} } @media (max-width: 1000px) { .responsive #top #header #header_main .inner-container .main_menu {order: 2 !important;} } #extra-logo {display: none !important;} /* max-width: 140px !important;} */ @media (min-width: 560px) { #extra-logo {display: block !important;} } /* @media (min-width: 480px) { #extra-logo {max-width: 180px !important;} } @media (min-width: 1000px) { #extra-logo {max-width: 140px !important;} } @media (min-width: 1240px) { #extra-logo {max-width: 180px !important;} } */ /************************************ Add a widget area on the right side Logo left, Menu center, Widget right ************************************* CSS Settings: » Initiate Flexbox » Topbar » Header » Logo » Menu » Widget » Social icons » Search » Cart icon ***********************************/ /*-------------------------------- » Initiate Flexbox --------------------------------*/ /* Header */ .responsive #top #header, /* Top bar */ .responsive #top #header #header_meta, /* Search icon */ .responsive #top #header #menu-item-search a, /* Cart icon */ .responsive #top #header a.cart_dropdown_link, /* Social icon */ .responsive #top #header #header_main nav .social_bookmarks, /* Logo */ .responsive #top #header #header_main .inner-container .logo, /* Main menu, cart and social icons */ .responsive #top #header #header_main .inner-container .main_menu, /* Widgets */ .responsive #top #header #header_main .inner-container .widget, /* Header inner container */ #top #header #header_main .container.av-logo-container .inner-container { display: flex; position: relative; } /*-------------------------------- » Topbar --------------------------------*/ /* Top bar */ .responsive #top #header #header_meta { flex-basis: 100%; } /*-------------------------------- » Header --------------------------------*/ /* Height */ #top #header #header_main .container.av-logo-container { height: inherit; /* Auto height: Header takes the height of the contents */ } /* Header inner container */ #top #header #header_main .container.av-logo-container .inner-container { height: inherit; position: relative !important; flex-wrap: nowrap; justify-content: space-between; } /* Wrappers --------------------------------*/ /* Header content and Topbar */ .responsive #top #header { flex-wrap: wrap; } /* Header contents: Logo, Menu, Social Icons and Widgets. */ .responsive #top #header #header_main { flex-basis: 100%; } /* Transparent header --------------------------------*/ .responsive.html_header_transparency #top #wrap_all #header { position: absolute; } /* Main content: -----------------------*/ .responsive #top #main { padding-top: 0px; /* Gap between the content and header */ } /* Fixed header --------------------------------*/ /* Fixed header */ @media (min-width: 1000px) { .html_header_sticky.html_header_transparency #top #wrap_all #header, .html_header_sticky #top #wrap_all #header { position: fixed; } } /* Fixed header and page content gap. Padding value should be same as the fixed header height. */ .html_header_sticky:not(.html_header_transparency) #top #wrap_all #main { /*padding-top: 145px !important; */ } @media only screen and (max-width: 767px) { .html_header_sticky #top #wrap_all #main { /*padding-top: 145px !important; */ }} /*-------------------------------- » Logo --------------------------------*/ /* Logo */ .responsive #top #header #header_main .inner-container .logo { order: 0; flex-basis: auto; /*width: auto;*/ /* Define scalable min width of the logo on small screens */ min-width: 100px; /* Define scalable max width of the logo on big screens */ /* Logo width: (auto | 100% | px ); Set auto to display the uploaded image size */ max-width: 180px; z-index: 9; } /* Logo image size */ .responsive #top #header .logo, .responsive #top #header .logo a, .responsive #top #header .logo img { width: auto; /* Height specification is not required. It is proportional to the max width of the logo */ height: auto; align-items: center; align-self: center; justify-content: center; } /* Vertically center transparency logo */ .responsive #top #header .logo span img { position: absolute; top: 50%; transform: translateY(-50%); } /*-------------------------------- » Menu --------------------------------*/ /* Menu outer container: Menu with siblings cart and social icons */ .responsive #top #header #header_main .inner-container .main_menu { order: 0; flex-basis: auto; /* Use calc to minus the width of the logo */ align-items: center; align-self: center; } /* Navigation */ #header .av-main-nav { display: flex; flex-wrap: nowrap; } /* Activate burger menu */ @media only screen and (max-width: 1000px) { #top #header .av-main-nav>li.menu-item { display: none!important; } #top #header .av-burger-menu-main { cursor: pointer; display: block!important; } } @media only screen and (max-width: 767px) { /* Mobile menu position fix */ .responsive #top .av-logo-container .avia-menu { display: flex!important; align-items: center; }} /* Mega menu position fix */ #header li .avia_mega_div, #header li:hover .avia_mega_div { right: 0 !important; /* submenu position */ left: auto!important; /* submenu position */ max-width: 50vw; } /*-------------------------------- » Widget --------------------------------*/ /* Widgets */ .responsive #top #header #header_main .inner-container .widget { order: 0; flex-basis: auto; padding: unset; clear: none!important; align-self: center; align-items: center; z-index: 1; } .responsive #top #header #header_main .inner-container .widget>div { width:100%; line-height: 14px; padding:0 10px; } /*-------------------------------- » Social icons --------------------------------*/ /* Flex support and position fix */ .responsive #top #header #header_main nav .social_bookmarks { display: flex; top: auto; margin-top: 0; align-items: center; } /* Inherit height for flex alignment */ #top .av-logo-container .social_bookmarks li { height: inherit; } /*-------------------------------- » Search --------------------------------*/ /* Your styles here */ /*-------------------------------- » Cart --------------------------------*/ /* Cart position fix */ #top #header #header_main #menu-item-shop a.cart_dropdown_link { height: auto; } @media only screen and (max-width: 767px) { .responsive #top #menu-item-shop.cart_dropdown { display: flex; align-items: center; } .cart_dropdown .dropdown_widget .avia-arrow { display: none; } }