/* Theme Name: Themify Ultra Child Description: Child theme for Themify Ultra Author: Themify Template: themify-ultra */ /* write custom css below */ @import url('./fonts/fonts.css'); @import url('max-width-680.css') screen and (max-width: 680px); @import url('min-width-480-768.css') screen and (min-width: 480px) and (max-width: 767px); @import url('min-width-769-1024.css') screen and (min-width: 768px) and (max-width: 1024px); @import url('min-width-1025.css') screen and (min-width: 1025px); @import url('min-width-1366.css') screen and (min-width: 1366px); /************************************************************************************ 1. RESET *************************************************************************************/ *{ outline: none!important; } .ui, .ui.nav ul, .ui.nav li, .ui.module-tab .tab-nav li, .ui.module-tab .tab-content, .ui.window > div, .ui.module-tab.panel .tab-nav, .ui.module-accordion, .ui.module-accordion > li, .ui.module-callout { border: none; } .ui.module-accordion > li.current .accordion-content{ box-shadow:none; } #header_rewrap{ background-color:#fff;} #sticky_header_logo, .mobile_menu_active #header_rewrap > div.langswitch, .mobile_menu_inactive #mobile-menu div.langswitch, .home.mobile_menu_inactive #main-nav li > ul, /* .home #main-nav li > ul, */ .mobile_menu_active #nav-submenu-container, .home #nav-submenu-container, .mobile_menu_inactive #main-nav .sub-menu, #main-nav li.not-in-main, .home_news_module .post-filter, .home_news_module .post-unfilter, /*.archive .post-filter, .archive .post-unfilter,*/ .archive .page-title:nth-child(2n), .news_module_row.sub_post .post-filter, .news_module_row.sub_post .post-unfilter, .back-top, .vfbp-form .vfb-help-block, .loops-wrapper .edit-button, .module-fancy-heading .sub-head, .comment-notes, .single .list-post > .post .post-meta, h4.comment-title, h3.comment-reply-title { display:none!important; } #headerwrap.fixed-header .social-widget, #headerwrap.fixed-header .header-widget, .single .loops-wrapper .post .entry-meta, #sticky_header_logo { display: none; /* hide unnecessary elements in fixed-header */ } body:not(.slide-cart):not(.mobile_menu_active) #main-nav-wrap, #header, .mobile_menu_active #header, .mobile_menu_active #headerwrap.fixed-header .header-bar, .mobile_menu_inactive #nav-submenu-container, .mobile_menu_inactive #main-nav, .mobile_menu_inactive #main-nav li.current_page_parent > ul, .mobile_menu_inactive #main-nav li.current-menu-ancestor > ul, .mobile_menu_inactive #main-nav li:hover > ul, #headerwrap.fixed-header .header-bar, #headerwrap.fixed-header #searchform-wrap, #site-logo, .header-on-scroll #site-logo img, #site-logo a, .langswitch .wpml-ls-legacy-list-horizontal a, .post-filter li a, .post-unfilter li a, .loops-wrapper .post > a, .vfbp-form .vfb-help-block.filled, button, label, textarea, input, #colophon li, #menu-colophon, #menu-colophon-en, #menu-colophon-de, .module-buttons .module-buttons-item a span { display:block!important; } #dc_secondary_featured_image.post-image{ display: none !important; } .module-buttons .module-buttons-item a { display:block; } .home.mobile_menu_inactive #main-nav li > ul, /* .home #main-nav li > ul, */ .mobile_menu_active #nav-submenu-container, .home #nav-submenu-container{ display:none !important; } .module-buttons-item a span{ display: flex!important; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mobile_menu_inactive #headerwrap div.langswitch, .mobile_menu_inactive #main-nav ul li, #menu-colophon li:after, #menu-colophon-en li:after, #menu-colophon-de li:after, label, .vfbp_form label, .vfbp_form button, .themify_builder_slider_wrap .carousel-pager a, .post-filter, .post-unfilter, .post-filter li, .post-unfilter li, .action_button a, .post-image .gallery-item, #menu-colophon li:after, #menu-colophon-en li:after, #menu-colophon-de li:after, #menu-colophon li, #menu-colophon-en li, #menu-colophon-de li { display: inline-block; } #site-logo, .mobile_menu_inactive #site-logo, .mobile_menu_active #site-logo, .post-filter li, .post-unfilter li { width:auto; } #headerwrap, body.fixed-header #headerwrap, .pagewidth, .sidebar-none #content, .loops-wrapper.grid3 .post, .loops-wrapper .format-standard .post-image + .post-content, .post.format-video .post-image, .vfbp_form .vfb-col-1, .vfbp_form textarea, .vfbp_form input, label, textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { width:100%; } .vfbp_form .vfb-form-control, .vfbp_form label, .vfbp_form button, .vfbp_form input, .vfbp_form textarea, button, label, textarea, input { max-width: initial!important; } .pagewidth, body .pagewidth, body.full_width .themify_builder_row .row_inner, body.full_width .related-posts, .full_width .post-nav, .full_width .commentwrap, .vfbp_form textarea, .vfbp_form input { max-width:100%; } .post-filter li, .post-unfilter li, .vfbp_form button, .module-buttons .module-buttons-item a, .module-buttons .module-buttons-item a span, .vfbp_form .vfbp-form { height:auto; } .header-block.fixed-header-on.slide-cart #main-nav-wrap, .header-block.slide-cart #main-nav, .post-filter li a, .post-unfilter li a .post-filter li a:after, .post-filter li.active a, .post-unfilter li.active a { position:initial; } #headerwrap, body.fixed-header #headerwrap, .mobile_menu_inactive #main-nav .sub-menu { position: fixed; } #headerwrap #searchform .icon-search:before, .mobile_menu_inactive #searchform-wrap, .home.mobile_menu_inactive #searchform-wrap, body:not(.slide-cart):not(.mobile_menu_active) #main-nav-wrap, .page-content h1.page-title, #dc_secondary_featured_image.post-image > span, .themify_builder_slider_wrap .carousel-pager, .loops-wrapper .format-standard .post-image + .post-content, .loops-wrapper .post.format-standard .post-content .post-content-inner, .loops-wrapper .post > a, .post.job_reference .entry-content .vfbp-form .vfb-help-block { position: absolute; } .mobile_menu_inactive #main-nav, .mobile_menu_inactive #headerwrap .header-bar, .mobile_menu_inactive #headerwrap.fixed-header .header-bar, .mobile_menu_active #header, .mobile_menu_active #headerwrap.fixed-header .header-bar, .mobile_menu_inactive #headerwrap div.langswitch, #headerwrap #searchform #s, .mobile_menu_inactive #nav-submenu-container, #site-logo, #dc_secondary_featured_image.post-image, .themify_builder_slider_wrap .carousel-pager a, .commentwrap { position: relative; } .mobile_menu_active #header, .mobile_menu_active #headerwrap.fixed-header .header-bar, .loops-wrapper .post.format-standard:hover .post-content, .loops-wrapper .format-standard .post-image + .post-content, .loops-wrapper .format-video .post-image + .post-content, .post-filter li a:after { top: initial!important; } #site-logo, .mobile_menu_inactive #searchform-wrap, .home.mobile_menu_inactive #searchform-wrap, .fixed-header.page-loaded.admin-bar:not(.header-menu-split):not(.header-magazine):not(.header-stripe) #headerwrap, body.admin-bar #headerwrap.fixed-header, .post.job_reference > a, .post.press_releasee > a, .vfbp-form .vfb-help-block { top: 0!important; } #dc_secondary_featured_image.post-image > span, .loops-wrapper .post.format-standard .post-content .post-content-inner, .loops-wrapper .post.format-standard:hover .post-content, .loops-wrapper .format-standard .post-image + .post-content, .loops-wrapper.polaroid .format-video .post-image + .post-content, .footer-nav li li ul { /*bottom: 0!important;*/ } .mobile_menu_inactive #headerwrap .header-bar, .mobile_menu_inactive #headerwrap.fixed-header .header-bar, .mobile_menu_active #header, .mobile_menu_active #headerwrap.fixed-header .header-bar{ bottom: initial!important; } #headerwrap, body.fixed-header #headerwrap, .post-filter li a:after{ left: initial!important; } .mobile_menu_inactive #headerwrap .header-bar, .mobile_menu_inactive #headerwrap.fixed-header .header-bar, .mobile_menu_inactive #main-nav li:not(.themify-widget-menu) > ul, #site-logo, .mobile_menu_inactive #nav-submenu-container, #dc_secondary_featured_image.post-image > span, .themify_builder_slider_wrap .carousel-pager, .loops-wrapper .format-standard .post-image + .post-content { left: 0!important; } #headerwrap, body.fixed-header #headerwrap { right: initial!important; } .mobile_menu_inactive #main-nav li:not(.themify-widget-menu) > ul, #dc_secondary_featured_image.post-image > span, .themify_builder_slider_wrap .carousel-pager, .loops-wrapper .post > a, .vfbp-form .vfb-help-block { right: 0!important; } .loops-wrapper.grid3, .themify_builder_slider_wrap .carousel-pager a, .gallery-item .gallery-icon > a, .format-quote .entry-content, .loops-wrapper .format-standard .post-image + .post-content { overflow:hidden; } .sidebar-none #content, .mobile_menu_active #header, .mobile_menu_active #headerwrap.fixed-header .header-bar { float: none; } .mobile_menu_inactive #searchform-wrap, #headerwrap #searchform, #headerwrap #searchform #s, #headerwrap #searchform .icon-search:before, .mobile_menu_inactive #main-nav, .mobile_menu_inactive #main-nav li, #site-logo, .langswitch .wpml-ls-legacy-list-horizontal, .pagewidth, .loops-wrapper.grid3, .explore_also_x4_image.auto_fullwidth .image-wrap img, .post.format-video .post-image .post-video, .post.press_release .post-date, .post.job_reference .post-date, h3.press_release_source, .post-image, .module-slider, .pipelife_video_module .module-video, .loops-wrapper .format-standard .post-image + .post-content, .loops-wrapper .post.format-standard .post-content .post-content-inner .post-title, .loops-wrapper.polaroid .format-video .post-image + .post-content, .commentwrap, .post-filter, .post-unfilter, .post-filter li, .post-unfilter li, .post-filter li a, .post-unfilter li a, .post-filter li a:after, .vfbp_form .contact_form h2.widgettitle, .vfbp_form .application_form h2.widgettitle, .vfbp_form .vfb-form-control, .vfbp_form label, .vfbp_form button, .vfbp_form input, .vfbp_form textarea, button, label, textarea, input, input[type=reset], input[type=submit], .explore_also_x4 .module_column, .contacts_3x1 .module_column, .careers_contacts .module_column, .module-buttons, .module-buttons .module-buttons-item a, .module-buttons .module-buttons-item a span, .commentlist, .commentwrap > label, .footer-nav-wrap, .footer-nav, .footer-nav li ul, .footer-nav a, #footerwrap .footer-nav ul a, .colophon .module-text p, #menu-colophon, #menu-colophon-en, #menu-colophon-de, #menu-colophon li, #menu-colophon-en li, #menu-colophon-de li, #menu-colophon li:after, #menu-colophon-en li:after, #menu-colophon-de li:after, .footer-widgets .widget, .widgettitle { margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; } .loops-wrapper .format-standard .post-image + .post-content{ margin:0!important; } #headerwrap, body.fixed-header #headerwrap, #header_rewrap, body.fixed-header #header_rewrap, .mobile_menu_active #header, .mobile_menu_active #headerwrap.fixed-header .header-bar, .mobile_menu_inactive #main-nav .sub-menu, #pagewrap, body.fixed-header #pagewrap, .single-post #layout.pagewidth, .home_news_module, .home_image_slider_module .row_inner, .news_module_row .row_inner, .video_module_row .row_inner, .photo_module_row .row_inner, .press_module_row .row_inner, .jobs_module_row .row_inner, .pipelife_book_module .row_inner, .pipelife_video_module .row_inner, .careers_contacts .row_inner, .explore_also_x4 .row_inner, .contacts_3x1 .row_inner, .vfbp_form .row_inner, .comment-form input[type=reset], .comment-form input[type=submit], .colophon .row_inner, .archive #content, .standard_page_layout, .type-page .page-content .post-image, .themify_builder_slider_wrap .carousel-pager, .footer-nav-wrap { margin: 0 auto!important; } #site-logo, #header, .langswitch .wpml-ls-legacy-list-horizontal, .langswitch .wpml-ls-legacy-list-horizontal a, .mobile_menu_inactive #searchform-wrap, #headerwrap #searchform .icon-search:before, .mobile_menu_inactive #main-nav, .mobile_menu_inactive #main-nav li, .mobile_menu_inactive #main-nav li:not(.themify-widget-menu) > ul, .mobile_menu_inactive #main-nav li a, .mobile_menu_active #header, .mobile_menu_active #headerwrap.fixed-header .header-bar, .pagewidth, #content, .loops-wrapper.grid3, .post.press_release .post-date, .post.job_reference .post-date, .explore_also_x4_image.auto_fullwidth .image-wrap img, .post.format-video .post-image .post-video, .module-slider, .themify_builder_slider_wrap .carousel-nav-wrap, .loops-wrapper .format-standard .post-image + .post-content, .loops-wrapper.polaroid .format-video .post-image + .post-content, .loops-wrapper .post.format-standard .post-content .post-content-inner .post-title, .explore_also_x4 .module_column, .contacts_3x1 .module_column, .careers_contacts .module_column, .vfbp_form .contact_form h2.widgettitle, .vfbp_form .application_form h2.widgettitle, .vfbp_form .vfb-col-1, .vfbp_form .vfb-col-2, .vfbp_form .vfb-form-control, .vfbp_form label, .vfbp_form button, button, label, textarea, input, input[type=reset], input[type=submit], .module-buttons, .pipelife_video_module .module-video, .module-buttons .module-buttons-item a, .module-buttons .module-buttons-item a span, .footer-nav, .footer-nav li ul, .footer-nav a, #footerwrap .footer-nav ul a, .footer-text, #menu-colophon li, #menu-colophon-en li, #menu-colophon-de li, .widgettitle { padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; } .vfbp_form .vfb-form-control, .vfbp_form button, .vfbp_form .btn-file input[type="file"]::-webkit-file-upload-button, button, input[type=reset], input[type=submit], .module-buttons, .module-buttons .module-buttons-item a, .module-buttons .module-buttons-item a span { border-radius:0px!important; } .themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-prev, .themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-next, .single .loops-wrapper-in-widget .post.format-standard > a{ background:none!important; /* z-index: 999999; */ } .module-slider.slider-overlay .slide-content, .vfbp_form button, .vfbp_form .submit_button, .vfbp_form .btn-file input[type="file"]::-webkit-file-upload-button, /*input[type=reset], input[type=submit], input[type=reset]:hover, input[type=submit]:hover,*/ .module-buttons, .module-buttons .module-buttons-item a, .module-buttons .module-buttons-item a span, .footer-nav li ul { background:transparent!important; } .loops-wrapper .format-standard .post-image + .post-content, .loops-wrapper.polaroid .format-video .post-image + .post-content{ background:transparent; } #header_rewrap, body.fixed-header #header_rewrap, .mobile_menu_inactive #main-nav .sub-menu, .home_news_module, .home_image_slider_module .row_inner, .news_module_row .row_inner, .video_module_row .row_inner, .photo_module_row .row_inner, .press_module_row .row_inner, .jobs_module_row .row_inner, .pipelife_book_module .row_inner, .pipelife_video_module .row_inner, .careers_contacts .row_inner, .explore_also_x4 .row_inner, .contacts_3x1 .row_inner, .vfbp_form .row_inner, .colophon .row_inner, .archive #content, .standard_page_layout, .type-page .page-content .post-image, .single-post #layout.pagewidth, .footer-nav-wrap { max-width:1366px!important; } .post-filter li, .post-unfilter li, .vfbp_form button, .vfbp_form .btn-file input[type="file"]::-webkit-file-upload-button, .comment-form input[type=reset], .comment-form input[type=submit], .explore_also_x4_image.auto_fullwidth .image-wrap img, .themify_builder_slider_wrap .carousel-pager a, .post.format-video .post-image .post-video, .action_button a, .gallery-item .gallery-icon > a:after { border:solid!important; } #headerwrap #searchform #s, .langswitch .wpml-ls-legacy-list-horizontal, .mobile_menu_inactive #main-nav li:not(.themify-widget-menu) > ul, .vfbp_form textarea, .vfbp_form input, button, textarea, input, .footer-nav li ul { border:0!important; border:none!important; } .post.job_reference .action_button a, .post.press_release .action_button a, .application_form .vfb-col-2.vfb-fieldType-submit > button{ border-color:#11769F!important; } .photo_module_row .post-filter li, .photo_module_row .post-unfilter li, .video_module_row .post-filter li, .video_module_row .post-unfilter li, .photo_module_row .module-buttons-item a, .video_module_row .module-buttons-item a{ border-color:#FFFFFF!important; } /*.langswitch .wpml-ls-legacy-list-horizontal a:link, .langswitch .wpml-ls-legacy-list-horizontal a:visited,*/ .post.press_release, .post.job_reference, .post.format-standard, .post.format-video .post-image, .post.format-gallery .post-image .gallery, #footerwrap { background-color:#FFFFFF!important; } #headerwrap #searchform #s:focus, #headerwrap #searchform #s:hover, #headerwrap #searchform .icon-search:hover + #s, #headerwrap #searchform .icon-search:before, .themify_builder_slider_wrap .carousel-pager a:hover, .themify_builder_slider_wrap .carousel-pager a.selected, .photo_module_row, .category-foto #layout { background-color:#11769F; } .langswitch .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a, .langswitch .wpml-ls-legacy-list-horizontal a:hover, .langswitch .wpml-ls-legacy-list-horizontal a:active, .mobile_menu_active .langswitch .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a, .video_module_row, .category-filmati #layout{ background-color:#003a50; } .footer-text, .archive.tag #layout, .archive.search #layout, .category-notizie #layout, .news_module_row { background-color:#E5E5E5; } #headerwrap #searchform .icon-search:before, .mobile_menu_active #headerwrap div.langswitch, .mobile_menu_inactive #main-nav .sub-menu, .home_talgroup_module .module-buttons, .home_pipeline_module .module-buttons, .home_responsibility_module .module-buttons, .home_pipelife_module .module-buttons, .post-filter, .post-unfilter, .explore_also_x4 div.col-full, .news_module_row, .video_module_row, .photo_module_row, .press_module_row, .jobs_module_row, .vfbp_form button, .vfbp_form .btn-file input[type="file"]::-webkit-file-upload-button, .themify_builder div.module.module-buttons, .module-buttons .module-buttons-item a, .module-buttons .module-buttons-item a span, #colophon li, .vfbp_form h2.widgettitle, .vfbp_form .contact_form .vfb-fieldType-submit, .commentwrap > label, .archive .page-title { text-align:center; } .langswitch .wpml-ls-legacy-list-horizontal a, #headerwrap #searchform .icon-search, .home .module-buttons, .mobile_menu_inactive #main-nav .sub-menu, .post-filter, .post-unfilter, .module_row .post-loop-module, .themify_builder div.module.module-buttons, .archive #content{ text-align: center!important; } .home_image_slider .titoloslider{ color: #fff!important; line-height: 30px; font-size: 46px; font-family: Quicksand; text-decoration: none; position: absolute; bottom: 100px; text-align: center; width: 100%;} .page-content h1.page-title, .page-content h1, .explore_also_x4 h3.fancy-heading, .explore_also_x4 .image-title, .careers_contacts h3.fancy-heading, .module-title, .vfbp_form h2.widgettitle, h3.press_release_source, .commentwrap > label { text-transform:uppercase!important; } /* .mobile_menu_inactive #main-nav li a, .news_module_row .module-buttons-item, .video_module_row .module-buttons-item, .photo_module_row .module-buttons-item, .press_module_row .module-buttons-item, .jobs_module_row .module-buttons-item, .post-filter li a, .post-unfilter li a, .vfbp_form label, .comment-form label, .footer-nav a { text-transform:lowercase!important; } */ .page-content h1.page-title, .page-content h1, .explore_also_x4 h3.fancy-heading, .explore_also_x4 .image-title, .careers_contacts h3.fancy-heading, .module-title, .vfbp_form h2.widgettitle, .widgettitle, .slide-content { font-family: 'Quicksand', sans-serif!important; } .langswitch form, #main-nav-wrap, .vfbp_form button, .vfbp_form .btn-file input[type="file"]::-webkit-file-upload-button, .module-buttons .module-buttons-item a, .post-filter li a, .post-unfilter li a, .post-content, .module-text, .commentwrap > label { font-family: Arial, Helvetica, sans-serif!important; } .page-content h1.page-title, .page-content h1, .explore_also_x4 h3.fancy-heading, .explore_also_x4 .image-title, .careers_contacts h3.fancy-heading, .module-title, .vfbp_form h2.widgettitle, .vfbp_form label, .slide-content, .post-filter li a, .post-unfilter li a, .archive.tag h1.page-title, .footer-nav li .sub-menu a:link, .footer-nav li .sub-menu a:visited, .footer-nav li .sub-menu a:hover, .footer-nav li .sub-menu a:active, .comment-form input[type=reset], .comment-form input[type=submit], .widgettitle { font-weight:normal!important; } .mobile_menu_inactive #main-nav li .sub-menu a:link, .mobile_menu_inactive #main-nav li .sub-menu a:visited, .mobile_menu_inactive #main-nav li .sub-menu a:hover, .mobile_menu_inactive #main-nav li .sub-menu a:active, .langswitch .wpml-ls-legacy-list-horizontal a, .pipelife_video_module .module-title, .post-filter li a:after, .loops-wrapper.grid3 .post-title, .single .list-post > .post .post-content .entry-meta a, .widget_archive li a { font-weight:bold; } .langswitch .wpml-ls-legacy-list-horizontal a:link, .langswitch .wpml-ls-legacy-list-horizontal a:visited, .mobile_menu_active .langswitch .wpml-ls-legacy-list-horizontal a:link, .mobile_menu_active .langswitch .wpml-ls-legacy-list-horizontal a:visited, h3.job_reference_location, .commentwrap > label, .application_form .vfb-col-2.vfb-fieldType-submit > button, .contact_form .vfb-fieldType-submit > button, .news_module_row h3.module-title, .archive.tag h1.page-title, .archive.search h1.page-title, .category-notizie h1.page-title, .single .loops-wrapper.loops-wrapper-in-widget .format-standard .post-image + .post-content a .jobs_module_row .post-filter a, .jobs_module_row .post-unfilter a, .archive .post-filter a, .archive .post-unfilter a { color:#003a50!important; } .langswitch .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a, .langswitch .wpml-ls-legacy-list-horizontal a:hover, .langswitch .wpml-ls-legacy-list-horizontal a:active, .mobile_menu_active .langswitch .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a, #headerwrap #searchform #s, #headerwrap #searchform .icon-search:before, .mobile_menu_inactive #main-nav li .sub-menu a:link, .mobile_menu_inactive #main-nav li .sub-menu a:visited, .mobile_menu_inactive #main-nav li .sub-menu a:hover, .mobile_menu_inactive #main-nav li .sub-menu a:active, .themify_builder_slider_wrap .carousel-pager a.selected, .loops-wrapper.overlay .post-image + .post-content a, .loops-wrapper .format-standard .post-image + .post-content a, .gallery-item .gallery-icon > a:after, .photo_module_row .post-filter a, .photo_module_row .post-unfilter a, .video_module_row .post-filter a, .video_module_row .post-unfilter a, .category-filmati h1.page-title, .single .news_module_row h3.module-title, .loops-wrapper .post.format-video .entry-title a, .category-foto h1.page-title, .loops-wrapper .post.format-gallery .entry-title a { color:#FFFFFF!important; } .single .loops-wrapper.loops-wrapper-in-widget .format-standard .post-image + .post-content a { color:#003a50!important; } .single .list-post > .post .post-content .entry-meta a, .single .loops-wrapper.loops-wrapper-in-widget .format-standard .post-image + .post-content .entry-meta a, .loops-wrapper-in-widget .entry-meta, .single .list-post > .post .post-content .post-date-inline .post-date, .single .loops-wrapper-in-widget .post .post-date, .post.press_release .post-date, .post.press_release .press_release_source, .post.press_release .press_release_size, .post.job_reference .post-date, .post.job_reference .action_button a, .post.press_release .action_button a, .widget_archive li a { color:#11769f!important; } h4, .comment-form input[type=reset], .comment-form input[type=submit] { text-transform: none; } .langswitch .wpml-ls-legacy-list-horizontal a, .post-title a, .action_button a, .post-filter a, .post-unfilter a, .widget_archive li a{ text-decoration:none!important; } .archive h1.page-title { font-size:40px!important; } .widgettitle { font-size:32px; } .widget_archive li a{ font-size:25px; } h3.press_release_source, .commentwrap > label, h3.job_reference_location, .single .widget h1.post-title { font-size:20px; } #headerwrap #searchform .icon-search:before { font-size: 19px; } .vfb-form-group, .vfb-form-group label, form label, textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { font-size:18px!important; } .post-filter li, .post-unfilter li, .post-filter li a, .post-unfilter li a, .vfbp_form button, .comment-form input[type=reset], .comment-form input[type=submit], .vfbp_form .btn-file input[type="file"]::-webkit-file-upload-button, .module-buttons .module-buttons-item a, .module-buttons .module-buttons-item a span, .loops-wrapper-in-widget .entry-meta, .single .list-post > .post .post-content .entry-meta a, .action_button, .gallery-item .gallery-icon > a:after{ font-size:16px!important; } .post.press_release .post-date, .post.job_reference .post-date, .single .list-post > .post .post-content .post-date-inline .post-date, .loops-wrapper-in-widget .post-date, .press_release_size, .post.format-quote .entry-content, .langswitch .wpml-ls-legacy-list-horizontal a, .mobile_menu_inactive #main-nav li li a{ font-size: 15px!important; } /************************************************************************************ 2. GENERAL STYLING *************************************************************************************/ /* HEADINGS ================================================ */ h3.job_reference_location { margin-bottom:20px; margin-top:-7px; } /* FORM ================================================ */ .mobile_menu_inactive #headerwrap div.langswitch, .mobile_menu_inactive #nav-submenu-container, .mobile_menu_inactive #main-nav .sub-menu, #headerwrap #searchform #s, #headerwrap #searchform #s:focus, #headerwrap #searchform #s:hover, #headerwrap #searchform .icon-search:hover + #s, #headerwrap #searchform .icon-search:before, #searchform-wrap, .langswitch .wpml-ls-legacy-list-horizontal a, .post-filter li, .post-unfilter li, .post-filter li a, .post-unfilter li a, .vfbp_form button, .vfbp_form .btn-file input[type="file"]::-webkit-file-upload-button, .vfbp_form .contact_form h2.widgettitle, .vfbp_form .application_form h2.widgettitle, .comment-form input[type=reset], .comment-form input[type=submit], .module-buttons .module-buttons-item a, .module-buttons .module-buttons-item a span #menu-colophon, #menu-colophon-en, #menu-colophon-de{ min-height:40px; line-height:initial; } .langswitch .wpml-ls-legacy-list-horizontal a, #headerwrap #searchform .icon-search:before, .post-filter li a, .post-unfilter li a{ line-height:40px!important; } .langswitch .wpml-ls-legacy-list-horizontal a{ line-height:41px!important; } .post-filter li, .post-unfilter li, .vfbp_form button, .vfbp_form .btn-file input[type="file"]::-webkit-file-upload-button, .comment-form input[type=reset], .comment-form input[type=submit], .module-buttons .module-buttons-item a, .module-buttons .module-buttons-item a span, .action_button a, .gallery-item .gallery-icon > a:after{ border-width:1px!important; vertical-align:middle; } .post-filter li a, .post-unfilter li a, .vfbp_form button, .vfbp_form .btn-file input[type="file"]::-webkit-file-upload-button, .comment-form input[type=reset], .comment-form input[type=submit], .module-buttons .module-buttons-item a, .action_button a { padding:0 18px!important; } .module-buttons-item a{ padding:0 18px!important; } .vfbp_form .vfb-form-control, .vfbp_form input, .vfbp_form textarea, textarea, input { height: 34px; /*line-height: 1.42857143;*/ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; } .comment-form input[type=reset], .comment-form input[type=submit]{ box-shadow:none; -webkit-transition:none; -o-transition:none; transition:none; } .vfbp-form .vfb-form-control:focus, .comment-form button:focus, .comment-form textarea:focus, .comment-form input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6); } .vfbp-form .vfb-required-asterisk, form .required{ color: #a94442; } label, .vfbp_form label { max-width: 100%; } label, textarea, input, .vfbp_form label, .vfbp_form textarea, .vfbp_form input { color:#555555!important; } .vfb-form-group, .vfb-form-group label, form label, textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { padding-left:10px!important; padding-right:10px!important; } textarea, .vfbp_form textarea.vfb-form-control { padding-top:10px!important; padding-bottom:10px!important; } .vfbp-form .vfb-form-group{ margin-bottom:0px!important; } .vfbp-form .vfb-help-block.filled { } .vfbp-form .vfb-help-block { } .vfbp_form button, .module-buttons-item a:link, .module-buttons-item a:visited, .action_button a:link, .action_button a:visited, .vfbp_form .btn-file input[type="file"]::-webkit-file-upload-button { opacity:0.75; } .vfbp_form button:hover, .module-buttons-item a:hover, .module-buttons-item a:active, .action_button a:hover, .action_button a:active, .vfbp_form .btn-file input[type="file"]::-webkit-file-upload-button:hover { opacity:1; } .module-buttons .module-buttons-item a, .module-buttons .module-buttons-item a span{ } .vfbp_form .contact_form h2.widgettitle, .vfbp_form .application_form h2.widgettitle{ line-height:40px; } .vfbp_form .application_form .vfb-fieldType-file-upload label{ display:none!important; } .vfbp_form .vfbp-form { display: flex; flex-direction: row; flex-wrap: wrap; box-sizing: border-box; } .vfbp_form .vfb-col-1, .vfbp_form .vfb-col-2{ margin:0px 0px 20px 0px; } .contact_form .vfb-col-1.vfb-fieldType-submit>button{ margin-left: auto!important; margin-right: auto!important; } .application_form .vfb-col-2.vfb-fieldType-submit>button{ margin-left: auto!important; margin-right:55px!important; } .application_form .vfb-col-2.vfb-fieldType-file-upload > .vfb-form-group > div{ margin-left:55px!important; } .vfbp_form .vfb-col-1 { box-sizing: border-box; } .comment-form label, .vfbp_form label { margin-bottom:10px!important; } .vfbp_form textarea, .vfbp_form input{ -webkit-appearance: none; } .vfbp_form input[type=tel]{ padding-left:45px!important; } .vfbp_form textarea.vfb-form-control { line-height:170%; } /************************************************************************************ 3. STRUCTURE *************************************************************************************/ .full_width .themify_builder_row .row_inner { width: inherit!important; } /************************************************************************************ 4. GRID *************************************************************************************/ /* GRID3 POST ================================================ */ .loops-wrapper.grid3 .post { /*float: left; margin-left: 3.2%;*/ margin-bottom: 2em; width: 31.2%; } /*.careers_contacts .module-text,*/ .loops-wrapper.grid3 .format-standard .post-title { /*text-shadow: 0 0 3px #000000, 0 0 5px #353535;*/ } .explore_also_x4_image.auto_fullwidth .image-wrap img, .post.format-video .post-image .post-video{ border-width:6px!important; border-color:#FFFFFF!important; } .post.format-video .post-image .post-video{ margin-bottom:initial!important; padding-bottom:initial!important; } .post.format-standard, .post.job_reference, .post.format-gallery .post-image .gallery { padding:6px!important; } .loops-wrapper .format-standard .post-image { margin:0!important; } .post.press_release { margin-bottom:25px; } .post.job_reference { padding:30px 6px 6px 6px!important; margin-bottom:25px; } .video_module_row .loops-wrapper.grid3 .post .post-image { } .post.press_release .post-title{ margin:0px 0 2px 0!important; } .post.job_reference .post-title{ margin:0px 0 2px 0!important; } .post.format-standard .entry-content{ top: 177px; } /************************************************************************************ 5. HEADER *************************************************************************************/ #headerwrap { height:130px!important; max-height:130px!important; border-bottom: solid 40px #11769F; z-index:10; } .mobile_menu_active #headerwrap, .home #headerwrap { height:90px!important; max-height:90px!important; border-bottom: 0px!important; } #headerwrap, body.fixed-header #headerwrap{ max-width: inherit!important; /* height:inherit!important; */ } #header { z-index: 20; text-align: inherit; width: inherit; height:inherit; max-height:inherit; } .header-bar { box-sizing:initial!important; float:initial!important } .mobile_menu_inactive #headerwrap .header-bar, .mobile_menu_inactive #headerwrap.fixed-header .header-bar { width: 230px!important; min-height:90px!important; height: 90px!important; } .mobile_menu_active #header, .mobile_menu_active #headerwrap.fixed-header .header-bar{ width:inherit!important; min-width:inherit!important; height:inherit!important; } /* site logo */ #site-logo { height:inherit!important; min-height:inherit!important; max-height:90px; z-index:30; } #site-logo a { height:inherit!important; min-height:inherit!important; padding: 19px 40px 8px 40px; } #site-logo a > img{ box-sizing:initial; } .header-on-scroll #site-logo img:nth-child(2n) {height:0px;width:0px} /*.header-on-scroll #site-logo > a {padding:0px!important;margin:0px!important}*/ /* Language Switcher */ .mobile_menu_active #header_rewrap > div.langswitch { } .mobile_menu_inactive #headerwrap div.langswitch{ right:30px; float:right; z-index:30; } .mobile_menu_active #headerwrap div.langswitch{ } .mobile_menu_inactive #mobile-menu div.langswitch{ } .langswitch .wpml-ls-legacy-list-horizontal { } .langswitch .wpml-ls-legacy-list-horizontal .wpml-ls-item{ margin-right:1px; } .langswitch .wpml-ls-legacy-list-horizontal a{ width:40px; } .langswitch .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a, .langswitch .wpml-ls-legacy-list-horizontal a:hover, .langswitch .wpml-ls-legacy-list-horizontal a:active{ text-decoration:underline!important; } .mobile_menu_active .langswitch .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a{ text-decoration:underline; } .mobile_menu_active .langswitch .wpml-ls-legacy-list-horizontal a:link, .mobile_menu_active .langswitch .wpml-ls-legacy-list-horizontal a:visited{ background-color:transparent!important; } /* search form */ #headerwrap #searchform { width:150px; } #headerwrap #searchform #s { background: transparent; border-radius:0.3em 0em 0em 0.3em; border:none!important; padding:6px 15px 6px 15px; width: 1px; float:right; -webkit-transition: width .7s, background .7s; -moz-transition: width .7s, background .7s; transition: width .7s, background .7s; } #headerwrap #searchform input{ box-shadow:none!important; } #headerwrap #searchform .icon-search:hover + #s{ border-radius:0.3em 0em 0em 0.3em; } #headerwrap #searchform .icon-search { float:right; } #headerwrap #searchform .icon-search:before { content: "\e808"; /* fa-search */ font-family: 'themify_theme_icon'; font-style: normal; border-radius:0%; z-index: 1; width:40px; cursor:pointer; } .mobile_menu_inactive #searchform-wrap { } .mobile_menu_inactive #searchform-wrap { right:194px!important; float: right!important; } .home.mobile_menu_inactive #searchform-wrap { right:194px!important; float: right!important; } /* main navigation */ #main-nav { z-index:35; } .mobile_menu_inactive #main-nav { height:50px; max-height:50px!important; } .mobile_menu_active #main-nav{ padding-top:50px; } #main-nav li.not-in-main { } .mobile_menu_inactive #main-nav li { height:50px; } .mobile_menu_inactive #main-nav li.has-sub-menu > a:hover, .mobile_menu_inactive #main-nav li.has-sub-menu > a:active, .mobile_menu_inactive #main-nav li.current-menu-ancestor > a, .mobile_menu_inactive #main-nav li.current_page_parent > a { background-image: url("images/.commons/item_selector.png"); background-repeat: no-repeat; background-position: center bottom; -webkit-transform: translate(0, 0) translate3d(0, 0, 0); -moz-transform: none; -ms-transform: none; -o-transform: none; transform: translate(0, 0) translate3d(0, 0, 0); } .mobile_menu_active #main-nav li > a:hover, .home #main-nav li > a:hover, .home #main-nav li > a:active { background-image: none!important; } .mobile_menu_inactive #main-nav li.current_page_parent > ul, .mobile_menu_inactive #main-nav li.current-menu-ancestor > ul { opacity: 1; z-index: 41; } .mobile_menu_inactive #main-nav li .sub-menu a:link, .mobile_menu_inactive #main-nav li .sub-menu a:visited, .mobile_menu_inactive #main-nav li .sub-menu a:hover, .mobile_menu_inactive #main-nav li .sub-menu a:active{ background:initial; } .mobile_menu_inactive #main-nav li.current_page_parent .sub-menu .news_amcestor a:link, .mobile_menu_inactive #main-nav li .sub-menu .current-menu-item a:link, .mobile_menu_inactive #main-nav li .sub-menu a:hover, .mobile_menu_inactive #main-nav li .sub-menu a:active { text-decoration: underline!important; } .mobile_menu_inactive #main-nav li li, .mobile_menu_inactive #main-nav li li a { height:inherit; } .mobile_menu_inactive #main-nav a { -webkit-transition:all 0s ease 0s; -moz-transition:all 0s ease 0s; transition:all 0s ease 0s; } /*.mobile_menu_inactive #main-nav li.current_page_parent:not(.themify-widget-menu) > ul,*/ .mobile_menu_inactive #main-nav li:not(.themify-widget-menu) > ul { z-index: 38; -webkit-transform:none!important; -moz-transform:none!important; transform:none!important; } .mobile_menu_inactive #main-nav .sub-menu li a { height:40px; line-height:40px; padding:0px 20px; } .mobile_menu_inactive #main-nav li > a { height:50px; line-height:50px; } /* sub-levels dropdown */ .mobile_menu_inactive #nav-submenu-container{ width:inherit; background:#11769F; top:10px; } .mobile_menu_inactive #main-nav li:hover > ul { opacity: 1; /*-webkit-transform: scale(1,1); -moz-transform: scale(1,1); transform: scale(1,1);*/ -webkit-transform:none; -moz-transform:none; transform:none; z-index:45; } .mobile_menu_inactive #main-nav .dropdown-open > .sub-menu { opacity: 1 !important; -webkit-transform: none !important; -moz-transform: none !important; transform: none !important; } .mobile_menu_inactive #main-nav .sub-menu, #main-nav ul { clear: both; top: 90px; width: 1366px; background:#11769F; z-index:39; } /* fixed-header */ #headerwrap.fixed-header { z-index: 40; background-color: rgba(255, 255, 255)!important; } #headerwrap.fixed-header #header { padding-top: 0px; padding-bottom: 0px; } #headerwrap.fixed-header #site-logo img { max-height: initial; /* prevent tall logo img in fixed header covering the page */ width: initial; } /* header topbar main nav */ body:not(.slide-cart):not(.mobile_menu_active) #main-nav-wrap { clear:both; /*display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;*/ -webkit-align-items: center; /* Safari 7.0+ */ align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; top:40px; left:287px; width:inherit; } .home:not(.fixed-header-on) #main-nav-wrap { /*left:-10px!important;*/ } /************************************************************************************ 6. PAGE *************************************************************************************/ /* page title */ .page-content h1.page-title, .page-content h1{ color:#091e35!important; margin-bottom: 50px; } /* post image */ #dc_secondary_featured_image.post-image { } #dc_secondary_featured_image.post-image > span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat:no-repeat; background-position:center center; display: none !important ; } /* SINGLE SLIDER LAYOUT ================================================ */ .module-slider { } .module-slider.slider-overlay .slide-content { padding:0; } .themify_builder_slider_wrap .carousel-pager { /* z-index:999999 !important; */ bottom:55px; }.home .carousel-wrap img,.wp-video, .home .carousel-wrap p{ margin:0; padding:0;} .themify_builder_slider_wrap .carousel-pager a { line-height: 100%; vertical-align: middle; margin: 0 2px; cursor: pointer; color: inherit; outline: none; width: 18px; height: 18px; border-radius: 100%; border-width:3px; border-color:#FFFFFF; background-color: #a6a6a6; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing: border-box; } .themify_builder_slider_wrap .carousel-pager a.selected{ } .themify_builder_slider_wrap .carousel-pager a:hover, .themify_builder_slider_wrap .carousel-pager a.selected { border-width: 4px; } .themify_builder_slider_wrap .carousel-nav-wrap { max-height:0px } .themify_builder_slider_wrap .carousel-prev:before, .themify_builder_slider_wrap .carousel-next:before { width: 60px!important; height: 60px!important; margin:0px 17px 0px 17px!important; } /* OVERLAY POST ================================================ */ .single .list-post > .post a.anchor_behind, .loops-wrapper .post > a{ height:60px; width:60px; z-index: 30; background-repeat: no-repeat; pointer-events: none; cursor: default; } .loops-wrapper .post > a{ background-position:top 5px right 10px; } .loops-wrapper .post.format-standard> a[href*="austria"], .loops-wrapper .post.format-video> a[href*="austria"], .loops-wrapper .post.format-gallery> a[href*="osterreich"], .loops-wrapper .post.format-gallery> a[href*="austria"]{ background-image: url(images/.commons/at_bianco.png); } .loops-wrapper .post.format-standard > a[href*="germania"], .loops-wrapper .post.format-video > a[href*="germania"], .loops-wrapper .post.format-gallery> a[href*="germania"], .loops-wrapper .post.format-gallery> a[href*="germany"], .loops-wrapper .post.format-gallery> a[href*="deutschland"]{ background-image: url(images/.commons/de_bianco.png); } .loops-wrapper .post.format-standard > a[href*="italia"], .loops-wrapper .post.format-video > a[href*="italia"], .loops-wrapper .post.format-gallery> a[href*="italia"], .loops-wrapper .post.format-gallery> a[href*="italy"], .loops-wrapper .post.format-gallery> a[href*="italien"] { background-image: url(images/.commons/it_bianco.png); } .single .list-post > .post a.anchor_behind[href*="notizie-italia"], .single .list-post > .post a.anchor_behind[href*="news-italy"], .single .list-post > .post a.anchor_behind[href*="nachrichten-italien"], .loops-wrapper .post > a[href*="comunicati-stampa-italia"], .loops-wrapper .post > a[href*="offerte-lavoro-italia"], .widget .loops-wrapper.categories-it { background-image: url(images/.commons/it_blu.png); } .single .list-post > .post a.anchor_behind[href*="notizie-germania"], .single .list-post > .post a.anchor_behind[href*="news-germany"], .single .list-post > .post a.anchor_behind[href*="nachrichten-deutschland"], .loops-wrapper .post > a[href*="comunicati-stampa-germania"], .loops-wrapper .post > a[href*="offerte-lavoro-germania"], .widget .loops-wrapper.categories-de { background-image: url(images/.commons/de_blu.png); } .single .list-post > .post a.anchor_behind[href*="notizie-austria"], .single .list-post > .post a.anchor_behind[href*="news-austria"], .single .list-post > .post a.anchor_behind[href*="nachrichten-osterreich"], .loops-wrapper .post > a[href*="comunicati-stampa-austria"], .loops-wrapper .post > a[href*="offerte-lavoro-austria"], .widget .loops-wrapper.categories-at { background-image: url(images/.commons/at_blu.png); } .loops-wrapper .post.format-standard .post-content { height:115px; max-height:115px; } .loops-wrapper .format-standard .post-image + .post-content{ background-image:url(images/.commons/circle_arrow_right.png); background-repeat:no-repeat; background-position: bottom 20px right 16px; } .loops-wrapper.polaroid .format-video .post-image + .post-content { -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; } .loops-wrapper .post.format-standard:hover .post-image, .loops-wrapper .post.format-standard:hover .post-image img, .loops-wrapper.polaroid .post.format-video:hover .post-image, .loops-wrapper.polaroid .post.format-video:hover .post-image img { -webkit-filter: none; filter: none; -webkit-transform: translate(0, 0) translate3d(0, 0, 0); -moz-transform: none; -ms-transform: none; -o-transform: none; transform: translate(0, 0) translate3d(0, 0, 0); } .loops-wrapper .post.format-standard .post-content .post-content-inner{ margin:13px 65px 13px 16px; } .loops-wrapper .post.format-video .post-content .post-content-inner, .loops-wrapper .post.format-gallery .post-content .post-content-inner{ margin:13px 16px 13px 16px; } .loops-wrapper .post.format-standard .post-content .post-content-inner .post-title { text-align:left!important; } /************************************************************************************ COMMENTS *************************************************************************************/ .commentwrap { clear: both; margin-top:25px; } .commentwrap > input { display: none!important; } .commentwrap > label { display: inline-block!important; padding-left: 30px; padding-right: 30px; border: 1px solid transparent; width: auto!important; height: 68px; line-height: 68px; } .commentwrap > label[for=tab1] { padding-left:85px; } #prev_comments, #respond { display: none; height:auto; background-color:#ECECEC; padding-top:16px; } .commentwrap > label:hover { color: #888; cursor: pointer; } .commentwrap > input:checked + label { background-color:#ECECEC; } #tab1:checked ~ #prev_comments, #tab2:checked ~ #respond { display: block; } /************************************************************************************ 7. POST *************************************************************************************/ /* GENERAL POST STYLING ================================================ */ .loops-wrapper .post { text-align: left; /* make archive post view text center */ } /* Post Filter */ .post-unfilter { /*float:left;*/ } .post-filter li { margin-left:10px!important; } .post-filter li a, .post-unfilter li a { padding:0 19px 0 19px!important; opacity: 0.5; } .post-filter li a:after { font-family: 'themify_theme_icon'; content: ""; /* ti-close */ font-size:0; /* 9/16 */ opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .post-filter li:hover > a, .post-unfilter li:hover > a { opacity: 1; } .post-filter li.active a, .post-unfilter li.active a { opacity: 1; } .loops-wrapper-in-widget .entry-meta{ margin-top:5px; } /* GENERIC POST ================================================ */ .single .list-post > .post{ margin:0; padding-bottom:45px; } .single .list-post > .post a.anchor_behind{ display:block!important; background-position:top left; float:left; } .single .list-post > .has-post-thumbnail .post-date-wrap{ position:initial; margin:0; height:85px; } .single .list-post > .post .post-date-wrap{ background-image: url("images/.commons/bg_single_news_top.png"); background-repeat: no-repeat; background-position: right; } .single .list-post > .post .entry-meta{ /*display:block;*/ min-height:80px; padding-right:420px; padding-bottom:18px; margin:0; background-image: url("images/.commons/bg_single_news_bottom.png"); background-repeat: no-repeat; background-position: bottom right; display: flex!important; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content:initial; -ms-flex-pack:initial; justify-content:initial; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items:flex-end; -ms-flex-align:flex-end; align-items:flex-end; } .single .list-post > .post .post-content-inner > .entry-meta{ display:none!important; } .single .list-post > .post .post-content .post-date-inline .post-date{ padding-top:60px; margin:0; } .single .list-post > .post h1.post-title { margin-top:15px!important; /*text-align:initial; font-size:40px; line-height:50px;*/ } .single .list-post > .post .post-title a { pointer-events: none; } .single-post .list-post .post{ padding: 0!important; } /************************************************************************************ 8. SIDEBAR *************************************************************************************/ .vfbp_form .widget { margin-bottom:0!important; } /* Archives */ .widgettitle { margin-top:50px; margin-bottom:35px; } .widget .loops-wrapper{ background-repeat:no-repeat; background-position:top -5px left -6px; padding-top:55px; } .widget .loops-wrapper.categories-it{ } .single .widget .post{ padding-bottom:25px; } .single .loops-wrapper-in-widget .post{ margin:0!important; background:none!important; } .single .widget .post-content, .single .widget .entry-meta{ padding-top:0; padding-bottom:0; padding-left:0; padding-right:0; min-width:initial; min-height:initial; } .single .widget h1.post-title{ margin-top:0px!important; margin-bottom:0px; line-height:24px } .widget .loops-wrapper-in-widget .entry-meta{ text-align:initial; } .widget .loops-wrapper-in-widget .entry-content p, .widget .loops-wrapper-in-widget .post-image, .loops-wrapper .themify_builder_turn_on, .widget .themify_builder_turn_on, .widget .loops-wrapper-in-widget .author, .widget .loops-wrapper-in-widget .post-category, .widget .loops-wrapper-in-widget .post-comment{ display:none; } .widget .loops-wrapper-in-widget .post-author:after, .widget .loops-wrapper-in-widget .post-category:after, .widget .loops-wrapper-in-widget .post-comment:after, .post-meta .post-author:after, .post-meta .post-category:after, .post-meta .post-tag:after{ display:none!important; } .widget .loops-wrapper-in-widget .post-author, .widget .loops-wrapper-in-widget .post-category, .widget .loops-wrapper-in-widget .post-comment{ margin-right:0!important; } .widget .loops-wrapper .post-date-wrap, .single .widget .post a.anchor_behind, .single .widget .entry-meta{ background-image:none!important; height:auto!important; } .single-post .widget .post-content .post-date-inline .post-date{ padding-top:initial; margin:0!important; } .single .widget .post-content-inner > .entry-meta { display:block!important; } .single .widget .post > a{ display:none!important; } .loops-wrapper.loops-wrapper-in-widget .post{ padding:0!important; margin:0px 0px 25px 2px!important; } .loops-wrapper.loops-wrapper-in-widget .post.format-standard .post-content{ height:auto!important; max-height:auto!important; } .loops-wrapper.loops-wrapper-in-widget .post-content{ position:initial!important; top:initial!important; bottom:initial!important; left:initial!important; right:initial!important; background-image:none!important; } .loops-wrapper.loops-wrapper-in-widget .post .post-content .post-content-inner{ position:initial!important; top:initial!important; bottom:initial!important; left:initial!important; right:initial!important; margin:0px!important; } .widget_archive ul, .widget_archive li { padding:0; margin:0; } .widget_archive ul{ max-width:300px; } .widget_archive li { display:inline-block; width:49%; margin-bottom:40px; } /************************************************************************************ 9. FOOTER *************************************************************************************/ #footerwrap { clear: both; border-top:none; text-align:initial; padding:0!important; background-color:none; } #footerwrap .colophon { text-align:center; } #footerwrap .footer-nav ul a:hover, #footerwrap .footer-nav ul a:active, #footerwrap .footer-nav ul:hover, #footerwrap .footer-nav ul:active{ -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none; } .footer-nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; /* Safari */ display: flex; flex-wrap: wrap; } .footer-nav li{ /*display:initial; position:initial;*/ } .footer-nav > li { flex: 1 0 calc(100%/7); /*display:flex;*/ box-sizing: border-box; padding:10px!important; word-wrap: break-word; } .footer-nav li ul { background-color:#FFFFFF; border:none!important; margin:0!important; padding:0!important; position:unset; z-index:auto; bottom:initial; list-style: none; text-align: left; opacity:initial; visibility:initial; display:initial; -webkit-box-sizing:none; -moz-box-sizing:none; box-sizing:none; -webkit-transition: none; -moz-transition:none; transition:none; } .footer-nav li li { /*float: none;*/ display:block; width: inherit; min-width: inherit; line-height:18px; } #footer-nav a:hover, #footer-nav li:hover > a { color: inherit!important; font-size:12px!important; } .footer-nav li .sub-menu a:link, .footer-nav li .sub-menu a:visited, .footer-nav li .sub-menu a:hover, .footer-nav li .sub-menu a:active { color:#091e35!important; } .footer-nav li .sub-menu .current-menu-item a:link, .footer-nav li .sub-menu a:hover, .footer-nav li .sub-menu a:active { text-decoration: underline!important; } .footer-nav li .sub-menu li a { width:inherit !important; } /* Footer Edge Menu */ #colophon li { vertical-align:middle; width:33.3%; } #menu-colophon:after, #menu-colophon-en:after, #menu-colophon-de:after { content: none; } #menu-colophon, #menu-colophon-en, #menu-colophon-de { padding:0px 0px 28px 0px!important; } #menu-colophon li:after, #menu-colophon-en li:after, #menu-colophon-de li:after { content: " - "; padding:0px 10px 0px 10px!important; } #menu-colophon li:last-child:after, #menu-colophon-en li:last-child:after, #menu-colophon-de li:last-child:after { content: none; } /* footer widget */ .footer-widgets .widget { } /************************************************************************************ 10. BUILDER STYLING *************************************************************************************/ /* Set full width column */ .pipelife_video_module .module-title{ position:absolute; z-index:2; text-transform: none!important; width:100%; max-width:100%; text-align:center; top:50%; padding:0 25px 0 25px!important } .contacts_3x1 .module-text { padding-top: 55px; background-position:left top; } .standard_page_layout .module-text { text-align:left!important; } .explore_also_x4.text_size_adjust .image-title{ -moz-text-size-adjust:auto!important; -webkit-text-size-adjust:auto!important; -ms-text-size-adjust:auto!important; text-size-adjust:auto!important; } .home_news_module { background-image: url(/wp-content/uploads/2017/11/heading_news.png); } .home_news_module, .home_talgroup_module .module-text, .home_pipeline_module .module-text, .home_responsibility_module .module-text, .home_pipelife_module .module-text{ background-repeat:no-repeat!important; background-position-x: center; } .module-fancy-heading .sub-head { } .action_button a, .gallery-item .gallery-icon > a:after { line-height:27px; height:27px; } .format-gallery .action_button { position:absolute; top: 50%; width: 100%; text-align: center; margin:0!important; } .gallery-item .gallery-icon > a{ position: relative; text-align:center; } html[lang*="it"] .gallery-item .gallery-icon > a:after{ content:'guarda'; position:absolute; top:calc(50% - 20px); left:calc(50% - 45px); background-color:rgba(0, 0, 0, 0.5); margin:auto; width:90px; /*text-align: center;*/ display:block; /*-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/ } html[lang*="en"] .gallery-item .gallery-icon > a:after{ content:'view'; position:absolute; top:calc(50% - 20px); left:calc(50% - 45px); background-color:rgba(0, 0, 0, 0.5); margin:auto; width:90px; /*text-align: center;*/ display:block; /*-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/ } html[lang*="de"] .gallery-item .gallery-icon > a:after{ content:'anzeigen'; position:absolute; top:calc(50% - 20px); left:calc(50% - 45px); background-color:rgba(0, 0, 0, 0.5); margin:auto; width:90px; /*text-align: center;*/ display:block; /*-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/ } .post-image .gallery-item, .post-image .gallery { margin:0!important; } .post-image .gallery-item{ width:100%!important; } .post-image .gallery-item .wp-caption-text{ display:none; } .mfp-wrap .post-image .gallery-item .wp-caption-text{ display:block; } .post-image .gallery-item + .gallery-item{ display:none; } .format-quote .entry-content { height:206px; max-height:206px; } .format-quote .entry-content p{ margin-bottom:10px; } @media screen and (min-width: 1px) and (max-width: 1365px) { .standard_page_layout, .home_talgroup_module, .home_pipeline_module, .home_responsibility_module, .home_pipelife_module, .careers_contacts, .explore_also_x4, .standard_page_layout, .news_module_row, .photo_module_row, .video_module_row, .vfbp_form, .jobs_module_row, .single .list-post > .post .post-date-wrap, .single .list-post > .post .entry-meta { background-image:none!important; } .single .list-post > .post .entry-meta{ min-height:initial; padding-right:0; padding-bottom:0; } } @media screen and (min-width: 1px) and (max-width: 479px) { .parent-pageid-127 #dc_secondary_featured_image > span { /*solo responsabilit�*/ background-size: 90%; } .themify_builder_slider_wrap .carousel-pager { bottom:initial; top:190px; } /*.themify_builder_slider_wrap .slide-content { padding-top:60px!important; }*/ .module_3x1 .loops-wrapper.grid3 { max-height:740px; } .module_3x2 .loops-wrapper.grid3 { max-height:1480px; } .jobs_module_row.module_3x2 .loops-wrapper.grid3{ max-height:none; } } @media screen and (min-width: 1025px) and (max-width: 1224px) { /*.footer-nav > li { width:16.66%; }*/ } @media screen and (min-width: 1225px) and (max-width: 1365px) { /*.footer-nav > li { width:16.66%; }*/ } @media screen and (min-width: 1218px) { /*#site-logo a { margin: 0!important; } .mobile_menu_inactive #main-nav li li a{ padding:0px 30px 0px 30px; } .news_module_row.module_3x1 .loops-wrapper.grid3 { max-height:254px; } .news_module_row.module_3x2 .loops-wrapper.grid3 { max-height:496px; }*/ } @media screen and (min-width: 1px) and (max-width: 1217px) { #site-logo a { margin:0px auto 0px auto!important; } .pagewidth, .full_width .themify_builder_row .row_inner, .full_width .related-posts,.full_width .post-nav, .full_width .commentwrap{ max-width:initial; } } /*REMOVE *************************************************************************************/ @media screen and (max-width: 678px) { .themify_builder .text-50-4-0-0.module-text { background-size: contain; } /* stili aggiiunti da paolo */ /* menu mobile attivo in homepage */ .home.mobile_menu_inactive #main-nav li > ul, .home #main-nav li > ul, .mobile_menu_active #nav-submenu-container, .home #nav-submenu-container, .page-id-82.mobile_menu_inactive #main-nav li > ul { display:block !important; } } @media screen and (min-width: 679px) { .themify_builder .text-50-3-0-0.module-text, .themify_builder .text-50-4-0-0.module-text { padding-top: 204px!important; margin-top: 13px!important; } .themify_builder .text-54-5-0-0.module-text { margin-top: 25px!important; } .themify_builder .text-50-5-0-0.module-text { padding-top: 236px!important; margin-top: 4px!important; } .themify_builder .text-54-2-0-0.module-text,.themify_builder .text-54-3-0-0.module-text { padding-top: 150px!important; margin-top: 28px!important; } .themify_builder .text-54-4-0-0.module-text { padding-top: 236px!important; background-position: center 60px!important; margin-top: 26px!important; } .page-id-54 .themify_builder .text-54-4-0-0.module-text{ margin-top: 1px!important; } } /***************************************************** *Aggiunto da Matteo --> 19/02/2019 ****************************************************/ /************ Soluzione img stretchate gallery*********/ .module-gallery .gallery-item img{ object-fit:cover; } /***************************************************** *Aggiunto da Paolo ****************************************************/ .guarda_de:after{ content: 'Öffnen' !important; position: absolute; top: calc(50% - 20px); left: calc(50% - 45px); background-color: rgba(0, 0, 0, 0.5); margin: auto; width: 90px; text-align: center; display: block; } .guarda_en:after{ content: 'View' !important; position: absolute; top: calc(50% - 20px); left: calc(50% - 45px); background-color: rgba(0, 0, 0, 0.5); margin: auto; width: 90px; text-align: center; display: block; } .themify_builder_58_row.module_row_2.module_row, .themify_builder_528_row.module_row_0.module_row, .themify_builder_1796_row.module_row_2.module_row, .themify_builder_3228_row.module_row_0.module_row, .themify_builder_1797_row.module_row_2.module_row, .themify_builder_3229_row.module_row_0.module_row,.themify_builder_1415_row.module_row_0.module_row, .themify_builder_21_row.module_row_1.module_row, .themify_builder_34_row.module_row_2.module_row { background-position-x: center !important; } /* videogallery */ .video_module_row .post-loop-module .loops-wrapper.grid3{ min-height: 300px !important ; } .post.format-video .post-image .post-video{ min-height: 200px !important ; } /* stili foto inglese */ .loops-wrapper .post.format-standard > a[href*="germany"], .loops-wrapper .post.format-video > a[href*="germania"] { background-image: url(images/.commons/de_bianco.png); } .loops-wrapper .post.format-standard > a[href*="italy"], .loops-wrapper .post.format-video > a[href*="italy"] { background-image: url(images/.commons/it_bianco.png); } /* stili foto tedesco */ .loops-wrapper .post.format-standard> a[href*="osterreich"], .loops-wrapper .post.format-video> a[href*="austria"] { background-image: url(images/.commons/at_bianco.png); } .loops-wrapper .post.format-standard > a[href*="deutschland"], .loops-wrapper .post.format-video > a[href*="germania"] { background-image: url(images/.commons/de_bianco.png); } .loops-wrapper .post.format-standard > a[href*="italien"], .loops-wrapper .post.format-video > a[href*="italy"] { background-image: url(images/.commons/it_bianco.png); } /* stili gallery news nuova disposizione con notizie separate per nazione */ .builder-posts-wrap .post-image img{ filter: brightness(0.6); } .background_hide{ background-image: none !important; } @media screen and (max-width: 768px) { .list-post> .post .post-content{ /*padding-left: 0 !important;*/ } } @media screen and (max-width: 678px) { .background_hide { background-image: none !important; margin-top: -100px !important; } } .loops-wrapper .post > a{ top:0px; } /******************** Aggiunto da Matteo 30/04/19 ************************/ .archive #layout{ background-color: #11769F; } .archive #layout .page-title{ color:#fff; } .loops-wrapper .format-standard .post{ margin-top:60px!important; margin-bottom:60px!important; } /******************** Aggiunto da Matteo 02/05/19 ************************/ /* #loops-wrapper{ min-height:1600px; } */ .load-more-button{ color:rgba(255,255,255,.8); text-decoration: none; border: 1px solid #fff; padding: 12px; } .load-more-button:hover{ text-decoration: none; color:#fff; } /******************** Aggiunto da Matteo 01/08/19 - 05/08/19 ************************/ .loops-wrapper .format-standard .post-image + .post-content{ bottom:0px!important; } .photo_module_row .module-title{ color:#fff; } .post-content-inner h2{ cursor:pointer; } .loops-wrapper .format-standard h2, .loops-wrapper .format-gallery h2, .home_news_module .loops-wrapper h2, .single .loops-wrapper .format-standard h2{ color:#fff; font-size: 19px; } .post .entry-content{ line-height: 1.35em; } .loops-wrapper-in-widget .format-standard h2{ color:#0074ac!important; font-size: 19px!important; font-weight: 600!important; } .single .post-content-inner h2{ font-size: 30px; color: #091e35; font-weight: 300; text-transform: initial; } .single .post-content-inner h2 a{ color: #091e35; } .format-gallery .post-content{ position: absolute; bottom: 35px; } #page-11634 .page-title,#page-11632 .page-title,#page-11635 .page-title,#page-7212 .page-title,#page-7213 .page-title,#page-7228 .page-title, #page-7234 .page-title, #page-7247 .page-title, #page-7245 .page-title,#page-7211 .page-title,#page-7237 .page-title, #page-7249 .page-title,#page-7259 .page-title,#page-7261 .page-title,#page-7217 .page-title, #page-7214 .page-title, #page-7255 .page-title, #page-7257 .page-title,#page-7216 .page-title, #page-7240 .page-title, #page-7243 .page-title{ position:relative; text-align:center; padding-left:0px; } #um-submit-btn,.um-button,.um-button[value="Login"],.um-button[href*="registrazione"], .um-button[href*="registrierung"],.um-button[href*="register"]{ background:#11769F!important; color:#fff!important; box-shadow:1px 1px 3px 1px #c1c1c1!important; border-radius: 5px!important; font-weight:800!important; letter-spacing: 0px; } #um-submit-btn,.um-button:hover,.um-button[value="Login"]:hover{ background:rgb(13, 96, 129)!important; color:#fff!important; } .um-field-radio { float:none!important; } .post .post-content .post-date-inline .post-date{ text-align: left; } .custom-post-title a{ text-decoration: none; } .custom-post-title a:visited,.custom-post-title a:hover{ color:inherit; } .loops-wrapper .post.format-standard .post-content{ max-height:100px; } .autorized_download .builder-posts-wrap{ margin:25px 0px!important; } .autorized_download .post-content-inner h3{ display:none; } .autorized_download h3{ font-size: 1.4em !important; text-align: center; color: #348aad; letter-spacing: -.01em; font-weight: -.1em; } .explore_also_x4_image a{ color:#fff!important; } .post_format-post-format-gallery a, .post_format-post-format-gallery a:visited, .post_format-post-format-gallery a:hover{ color:#fff!important; } a, a:hover, a:visited{ color: inherit; } .form_login .um-misc-img{ display:none; } .form_login .um-misc-with-img{ margin-top: 15px; } .form_login .um-misc-ul{ margin:0px; padding:0px; list-style:none; width: max-content; margin: auto; } .form_login .um-misc-ul:after{ display:table; content:''; clear:both; } .form_login .um-misc-ul li{ float:left; margin:0px 7px; } .form_login .um-misc-ul li a{ background:#348aad; padding:5px; border-radius:4px; color:#fff; width: 110px; display: block; text-align: center; } .loops-wrapper.grid3 .post-image img{ height: 30vh; width: 100vw; object-fit: cover; } .autorized_download .post-title{ min-height: 55px; } .autorized_download a:hover{ color:inherit!important; } .accordion-content { padding:1em 0px!important; } .loops-wrapper .post-image{ margin-bottom: 0px!important; } .press_release { min-height: 205px; padding: 20px!important; } .secretDownloads:after{ content:''; display:table; clear:both; } .secretDownloads .postDownload{ width: 30%; float:left; padding:15px; min-height: 150px; } .secretDownloads .sectionTitle{ text-align: center; font-size: 2em; margin-top: 35px; color:#11769f; } .secretDownloads .postDownload a{ border:1px solid #11769f; padding: 5px 7px; margin-top:10px; margin-top: 25px; display: block; width: 75px; } .secretDownloads .postDownload h3{ font-size: 18px; } .archive.category .post.format-video h2{ color:#fff; } .video_module_row .module-title{ color:#fff; } @media only screen and (max-width:767px){ .secretDownloads .postDownload{ width: 90%!important; float:none!important; margin-bottom: 25px; border-bottom: 1px solid #11769f; padding-bottom: 15px; } .um-form{ padding:0px; } .wpml-ls-current-language{ background:#11769f; } } /*** EDGE bug fixes ***/ * > .post-loop-module .post-unfilter a, * > .post-loop-module .post-filter a, * > .module-buttons a.ui.builder_button, * > .post-loop-module .post-unfilter a:hover, * > .post-loop-module .post-filter a:hover, * > .module-buttons a.ui.builder_button:hover{ border-radius: 0px!important; border:1px solid; } .format-link .action_button a{ padding:3px 7px; border-radius:0px!important; border:1px solid #11769f !important; } .explore_also_x4_image.auto_fullwidth .image-wrap img, .post.format-video .post-image .post-video{ border:6px solid #fff; } /********** Aggiunto da Matteo 18/10/2019 ********/ .um-field-role_select .um-tip.um-tip-w{ float: left; } .um-field-role_select label{ display: inline!important; } /********** Aggiunto da Matteo 16/01/2020 ********/ article.format-gallery { overflow: hidden; } article.format-gallery .module.gallery.module-gallery { max-width: 390px; } .post-template-default.single-post #content article .post-date-wrap{ background: none; } .post-template-default.single-post #content article .post-date{ background: none; height: auto; width: 100%; } .post-template-default.single-post #sidebar article .post-date-wrap{ margin-top: 0px!important; margin-left: 0px; } .post-template-default.single-post #sidebar article .post-date{ background: none; height: auto; } .post-template-default.single-post #sidebar article .post-content{ max-height: 120px!important; } .single .post-content .post-date-wrap:not(.post-date-inline) .post-date{ align-items: start; } .caroufredsel_wrapper iframe,.pipelife_video_module iframe{ width: 2000px; max-width: 100%; height: 525px; max-height: 100%; } @media only screen and (max-width: 767px){ .caroufredsel_wrapper iframe,.pipelife_video_module iframe{ width: 100%; max-width: 100%; height: auto; max-height: 100%; } .home_news_module, .home_talgroup_module .module-text, .home_pipeline_module .module-text, .home_responsibility_module .module-text, .home_pipelife_module .module-text{ background-size: contain; } } .home_image_slider_module .row_inner{ max-width:100%!important; } /***************************************** *** Aggiunto da Matteo 25/03/20 *****************************************/ article.post .post-image.lightbox.myclass{ display: none; } article.format-gallery .post-image.lightbox.myclass{ display: inherit; } /***************************************** *** Aggiunto da Isabel 28/04/22 *****************************************/ @media (min-width:1px) and (max-width: 1365px){ .form-container{ background-image: none!important; } } .project-four-img img{ max-height: 200px; object-fit: cover; } .sec-cta .module-buttons .module-buttons-item a, .four-cta .module-buttons .module-buttons-item a{ background-color: #004057!important; display: flex; align-content: center; justify-content: center; flex-wrap: nowrap; align-items: center; } .sec-cta .ui:after{ content: url("https://www.tal-oil.com/wp-content/uploads/2022/04/apri_link_icon_bianca.svg"); width: 18px; height: 18px; margin-left: 10px; } .third-cta .accordion-title a{ display: flex!important; align-content: center; justify-content: center; flex-wrap: nowrap; align-items: center!important; opacity: 0.75; } .third-cta .accordion-title a:hover{ opacity: 1; } .third-cta.module .ui.module-accordion .accordion-title span:after{ content: url("https://www.tal-oil.com/wp-content/uploads/2022/04/icon_piu.svg"); width: 18px; height: 18px; margin-left: 10px; } .third-cta.module .ui.module-accordion .accordion-title span { text-align: center; font-weight: 400; border: solid 1px rgba(0, 0, 0, 1); display: flex; padding: 12px 20px; flex-basis: 115px; width: 115px; align-items: center; } .third-cta .ui.module-accordion .accordion-title{ background-color: #ffffff!important; } .four-cta .ui:after{ content: url("https://www.tal-oil.com/wp-content/uploads/2022/04/icon_download.svg"); width: 18px; height: 18px; margin-left: 10px; } .sez-project-img .subrow_inner.col_align_top{ margin: 0 auto; justify-content: center; } .project-row .row_inner{ width: 100%!important; } #sec-img-dorligo img{ max-width: 455px; max-height: 304px; } #sec-sez-faq h3 { font-size: 24px; font-weight: normal; margin-top: 40px; text-transform:uppercase; } .sez-project-home h1{ font-size: 60px!important; line-height: 1.2; } .more{ display: none; } #cmplz-document{ width: 100%; height: 100%; margin: 0px auto!important; max-width: 1366px!important; } #page-10120 h1{ padding-top: 0px!important; margin: 30px auto 0!important; width: 100%; max-width: 1366px!important; position: relative; padding-left: 0px!important; padding-bottom: 30px; } @media (max-width: 1450px){ #cmplz-document, #page-10120 h1{ margin-left: 40px!important; margin-right: 40px!important; max-width: 800px!important; } } @media (min-width:1px) and (max-width: 1024px){ #third-img-cavazzo img{ margin-top: 30px; } } @media (max-width: 767px){ .sec-sez img{ width: 100%; height: 100%; } .property-row h3{ padding-bottom: 0px!important; } .project-row span{ font-size: 30px!important; } .sez-project-home h1{ font-size: 35px!important; } #cmplz-document, #page-10120 h1 { margin-left: 20px!important; margin-right: 20px!important; max-width: 310px!important; } #sec-sez-faq h1 { padding-bottom: 0px; } img#img-fifth-slider { height: 220px; width: 100%; object-fit: cover; } /* per img di altre pagine che vanno oltre */ .explore_also_x4 .row_inner{ width: 100%; } } @media (min-width:1150px){ img#img-fifth-slider{ height: 525px; width: auto; object-fit: cover; } } /*** Form contatti **/ .contact-form{ max-width: 596px; margin: 0 auto; display: block; margin-top: 50px; } .contact-form label.forminator-checkbox{ display: flex; justify-content: flex-start; flex-wrap: nowrap; flex-direction: row; align-items: center!important; align-content: center; width: 20px; } .contact-form input, .contact-form textarea{ font-size: 16px!important; } .contact-form .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col{ padding: 0 5px!important; } .contact-form button.forminator-button.forminator-button-submit{ margin: 0 auto!important; border: solid 1px #004057!important; opacity: 0.75; } .contact-form button.forminator-button.forminator-button-submit:hover{ opacity: 1; box-shadow: none!important; } .contact-form span.forminator-checkbox-box:hover{ opacity: 1; } .contact-form span.forminator-checkbox-box{ color: #004057!important; background-color: #ffffff!important; opacity: 0.75; } #forminator-module-10525.forminator-design--flat .forminator-has_error .forminator-checkbox span[aria-hidden]{ background-color: #ffffff!important; border: solid 1px #004057!important; } .contact-form input:-internal-autofill-selected{ border: solid 1px #004057!important; } .contact-form input:hover, .contact-form textarea:hover{ opacity: 1; } .contact-form input, .contact-form textarea{ opacity: 0.75; } .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=flat] .forminator-checkbox .forminator-checkbox-box:before, .forminator-ui.forminator-custom-form[data-design=flat] .forminator-checkbox .forminator-checkbox-box:before { border: solid 1px #004057!important; padding: 4px; } #forminator-module-10525.forminator-design--flat .forminator-response-message.forminator-success{ background-color: #ffffff!important; margin-left: -10px; margin-right: 0px; width: 100%; z-index: 99!important; position: relative; text-align: center; } @media (min-width: 1025px){ #forminator-module-10525.forminator-design--flat .forminator-response-message.forminator-success{ height: 480px; margin-bottom: -500px; } } #forminator-module-10525.forminator-design--flat .forminator-response-message.forminator-success p{ font-weight: bold!important; padding-top: 50px; } @media (min-width: 768px) and (max-width:1024px){ #forminator-module-10525.forminator-design--flat .forminator-response-message.forminator-success{ height: 60vw; margin-bottom: -60vw; } } @media (max-width: 767px){ #forminator-module-10525.forminator-design--flat .forminator-response-message.forminator-success{ margin-left: 25px!important; margin-right: 25px!important; width: 100%; max-width: calc(100% - 70px); } #forminator-module-10525.forminator-design--flat .forminator-response-message.forminator-success p{ padding-top: 0px!important; } } .contact-form label.forminator-label { display: none!important; } .contact-form textarea#forminator-field-textarea-1:focus, .contact-form input#forminator-field-phone-1:focus, .contact-form textarea#forminator-field-textarea-1:active, .contact-form input#forminator-field-phone-1:active{ border: solid 1px #004057!important; } .contact-form #consent-1 p, .contact-form #consent-2 p{ color: #004057!important; } .forminator-row { margin-bottom: 25px!important; } @media (min-width: 1025px){ .contact-form #consent-2 { margin-bottom: -20px; } } @media (max-width: 767px){ .contact-form .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-col{ padding: 0 25px!important; } .contact-form{ margin-top: 30px; } } /*** News ***/ #sez-rassegna-stampa .row_inner.col_align_top { width: 100%; } @media (min-width: 1025px){ .post-unfilter{ float: right; margin-left: 15px; margin-bottom: 40px; } .post-filter{ float: right; } } @media (max-width: 1420px) and (min-width: 1025px){ .post-unfilter{ margin-right: 40px; } } @media (max-width: 767px){ .post-filter li { margin-bottom: 20px; } .post-unfilter li { margin-top: -20px; } } /***************************************** *** Aggiunto da Isabel 10/01/23 *****************************************/ /*** Pagine Questionario Fornitore - generico ***/ .first-text-questionario h1{ color: #004057!important; font-size: 40px!important; } a.link-text-blu, a.link-text-blu:hover{ color: #0F78A0; } .container-img-questionario{ background-position-y: 25px!important; } .form-questionario .um, .form-questionario label, .form-questionario .um-field-checkbox-option, .form-questionario .um-field-radio-option, .form-questionario a.um-link-alt{ color: #ffffff!important; } .form-questionario h4, .form-questionario .forminator-checkbox-label, .form-questionario label.forminator-label, .form-questionario textarea, .form-questionario input, .form-questionario .radio-y-n span, .form-questionario button.forminator-button.forminator-button-submit{ font-size: 16px!important; font-weight: normal!important; } .container-img-questionario div.col-full { padding-left: 0px!important; padding-right: 0px!important; } .form-questionario span.forminator-description { margin-top: -19px!important; margin-right: 10px!important; } @media (min-width: 768px) and (max-width: 1024px){ .first-text-questionario{ padding-top: 50px!important; } .first-text-questionario h1{ padding-bottom: 30px!important; } } /*** Paguina Questionario Fornitore- form ***/ #container-form-questionario .row_inner{ max-width: 100%!important; } #questionario-fornitore .forminator-row{ margin: 0px!important; } #questionario-fornitore .forminator-field{ margin-top: 15px!important; padding-bottom: 15px; } #questionario-fornitore .form-container-1{ background-image: url(https://www.tal-oil.com/wp-content/uploads/2023/01/linea-caratteristiche-questionario1.svg); background-repeat: no-repeat; background-position: 50% 50%; background-color: rgba(15, 120, 160, 1); margin-top: 1px; background-attachment: scroll; max-width: 1366px; margin: 0 auto; padding-bottom: 80px; } #questionario-fornitore .form-container-2{ background-image: url(https://www.tal-oil.com/wp-content/uploads/2023/01/linea-caratteristiche-questionario2.svg); background-repeat: no-repeat; background-position: 33%!important; background-color: #004057; margin-top: 1px; background-attachment: scroll; max-width: 1366px; margin: 0 auto; padding-bottom: 90px; } #questionario-fornitore .form-container-3{ background-image: url(https://www.tal-oil.com/wp-content/uploads/2023/01/linea-caratteristiche-questionario3.svg); background-repeat: no-repeat; background-position: 50% 50%; background-color: #0F78A0; margin-top: 1px; background-attachment: scroll; max-width: 1366px; margin: 0 auto; min-height: 640px; } #questionario-fornitore label.forminator-label.forminator-repeater-label{ font-family: "Quicksand"!important; line-height: 46px!important; margin-top: 50px!important; margin-bottom: 30px!important; font-size: 40px!important; text-transform: uppercase; font-weight: normal!important; } #questionario-fornitore h2.forminator-title{ font-size: 24px!important; font-weight: 500; width: 700px; margin: 0 auto; } #questionario-fornitore h4, #questionario-fornitore .radio-y-n span{ text-align: left; flex-basis: 616px; } #questionario-fornitore .radio-y-n .forminator-field{ display: flex; flex-direction: row; justify-content: flex-start; align-items: center; max-width: 700px; margin: 0 auto; border-bottom: 2px solid #468CAF; } #questionario-fornitore .form-container-2 .radio-y-n .forminator-field{ border-bottom-color: #195569!important; } #questionario-fornitore .form-container-2 #number-1 .forminator-field input{ background-color: #195569!important; color: #ffffff!important; } #questionario-fornitore .radio-y-n label.forminator-radio{ width: 40px; margin-top: 0px; margin-bottom: 0px; } #questionario-fornitore .radio-y-n span.forminator-radio-bullet{ border-radius: 0px!important; width: 32px!important; height: 30px!important; } #questionario-fornitore .radio-y-n span.forminator-radio-label{ margin-top: -25px; width: 32px; text-align: center; margin-left: 0px; position: relative; } #questionario-fornitore #number-1 .forminator-field{ text-align: left; margin: 0 auto; width: 700px!important; } #questionario-fornitore #number-1 .forminator-field label.forminator-label{ padding: 0px!important; } #questionario-fornitore textarea{ background-color: #468CAF!important; color: #ffffff!important; } #questionario-fornitore .form-container-2 textarea{ background-color: #195569!important; } #questionario-fornitore #textarea-1, #questionario-fornitore #textarea-2, #questionario-fornitore #textarea-3, #questionario-fornitore #textarea-4,#questionario-fornitore #textarea-5, #questionario-fornitore #textarea-6, #questionario-fornitore #textarea-7, #questionario-fornitore #textarea-8, #questionario-fornitore #textarea-9, #questionario-fornitore #textarea-10, #questionario-fornitore #textarea-11{ max-width: 700px; margin: 0 auto; padding: 0; } #questionario-fornitore #textarea-1 label.forminator-label, #questionario-fornitore #textarea-2 label.forminator-label, #questionario-fornitore #textarea-3 label.forminator-label, #questionario-fornitore #textarea-4 label.forminator-label, #questionario-fornitore #textarea-5 label.forminator-label, #questionario-fornitore #textarea-6 label.forminator-label, #questionario-fornitore #textarea-7 label.forminator-label, #questionario-fornitore #textarea-8 label.forminator-label, #questionario-fornitore #textarea-9 label.forminator-label, #questionario-fornitore #textarea-10 label.forminator-label, #questionario-fornitore #textarea-11 label.forminator-label{ text-align: left; padding-left: 0px!important; padding-bottom: 10px; } #questionario-fornitore ::placeholder{ color: #abccdd!important; } #questionario-fornitore .forminator-ui.forminator-custom-form[data-design=default] .forminator-radio input:checked+.forminator-radio-bullet:before{ width: 32px; height: 28px; border-radius: 0; background-color: #468CAF!important; border: 1px solid #ffffff; } #questionario-fornitore .forminator-ui.forminator-custom-form[data-design=default] .form-container-2 .forminator-radio input:checked+.forminator-radio-bullet:before{ background-color: #195569!important; } #questionario-fornitore .forminator-field h2{ margin-bottom: -10px; margin-top: 22px!important; font-weight: 600!important; } .form-questionario button.forminator-button.forminator-button-submit{ padding: 15px 55px!important; background-color: #004057!important; color: #ffffff!important; text-transform: initial!important; margin: -103px auto!important; letter-spacing: 0!important; } #questionario-fornitore textarea:focus, #number-1 input:focus{ border: 1px solid #bbb !important; } /*checkbox*/ #questionario-fornitore .forminator-ui.forminator-custom-form[data-design=default] .forminator-checkbox .forminator-checkbox-box:before{ content: ""!important; } #questionario-fornitore span.forminator-checkbox-box{ width: 100%; height: 100%; position: absolute; z-index: 0; } #questionario-fornitore span.forminator-checkbox-label{ z-index: 9; margin: 6px 28px; position: relative; padding: 0px; } #questionario-fornitore input[type='checkbox']:checked + span.forminator-checkbox-box{ border-color: #ffffff!important; background-color: #468CAF!important; } #questionario-fornitore input[type='checkbox']:checked + span.forminator-checkbox-box + span.forminator-checkbox-label{ color: #ffffff; } #questionario-fornitore label.forminator-checkbox{ display: inline-flex!important; padding: 0px!important; width: auto; margin: 14px 14px 0 0; } #questionario-fornitore #checkbox-13{ max-width: 700px; margin: 0 auto; padding: 0; text-align: left; } #questionario-fornitore span.forminator-error-message{ background-color: #C74A4A!important; color: #ffffff!important; font-size: 12px!important; padding: 8px!important; text-align: left; } #questionario-fornitore .radio-y-n span.forminator-error-message{ flex-basis: 170px; margin-left: 10px; } #questionario-fornitore .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:hover, #questionario-fornitore .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:focus, #questionario-fornitore .forminator-ui.forminator-custom-form[data-design=default] .forminator-button:active{ box-shadow: none!important; background-color: #044b65!important; } #questionario-fornitore #textarea-6 textarea{ min-height: 65px!important; } /****/ @media screen and (min-width: 1px) and (max-width: 1365px){ #questionario-fornitore .form-container-1, #questionario-fornitore .form-container-2, #questionario-fornitore .form-container-3{ background-image: none!important; } } @media screen and (min-width: 1px) and (max-width: 767px){ #questionario-fornitore label.forminator-label.forminator-repeater-label{ margin-top: 0px!important; margin-bottom: 0px!important; padding-top: 40px; padding-bottom: 10px; } #questionario-fornitore h2.forminator-title, #questionario-fornitore #number-1 .forminator-field{ width: 100%!important; } #questionario-fornitore .form-container-2, #questionario-fornitore .form-container-1{ padding-bottom: 0px; } #questionario-fornitore .radio-y-n .forminator-field{ padding-right: 4px; } #questionario-fornitore .forminator-row.forminator-row-last .forminator-field{ margin-top: 0px!important; } .form-questionario button.forminator-button.forminator-button-submit{ margin: -90px auto 0!important; max-width: 260px!important; } #questionario-fornitore .form-container-3{ padding-bottom: 120px; } } /***** Pagina di ringraziamento - Form Fornitore *****/ #thankyou-container{ display: flex; align-items: center; } #thankyou-container h1{ color: #ffffff!important; font-size: 34px!important; padding: 0px 16% 50px; } @media screen and (min-width: 1px) and (max-width: 1365px){ #thankyou-container h1{ padding: 0 0 30px!important; } } @media screen and (min-width: 1px) and (max-width: 767px){ #thankyou-container{ padding: 60px 25px; min-height: 0px; } #thankyou-container .module{ padding: 0px; } #thankyou-container h1 { font-size: 25px!important; line-height: 1.2!important; } } /***** Frase che esce "Registrazione come fornitore per compilare il questionario" *****/ #text-register-supplier{ color: #004057; padding-bottom: 30px; text-transform: uppercase; } /***** Form in pagina di registrazione e Form in pagina di login *****/ #form-registrazione{ max-width: 792px; margin: 0 auto; } #form-login{ max-width: 530px; margin: 0 auto; } #form-registrazione .um-field.um-field-type_terms_conditions a{ display: none; } #form-registrazione .um-row._um_row_1{ margin-bottom: 0px!important; } #form-registrazione input#um-submit-btn, #form-login input#um-submit-btn, #form-login button.um-button.filled{ font-weight: 500!important; border-radius: 0!important; box-shadow: none!important; background-color: #004057!important; padding: 15px 30px!important; min-width: 50px!important; } #form-login input#um-submit-btn{ padding-left: 45px!important; padding-right: 45px!important; } #form-login button.um-button.filled a{ text-decoration: none!important; } #form-registrazione span.um-field-checkbox-option, #form-login span.um-field-checkbox-option{ font-size: 14px!important; margin-left: 18px; } #form-registrazione .um-field-checkbox-state i, #form-login .um-field-checkbox-state i{ color: #ffffff!important; } #form-registrazione .um .um-form input[type=text], #form-registrazione .um .um-form input[type=search], #form-registrazione .um .um-form input[type=tel], #form-registrazione .um .um-form input[type=number], #form-registrazione .um .um-form input[type=password], #form-registrazione .um .um-form textarea, .um .upload-progress, #form-registrazione .select2-container .select2-choice, #form-registrazione .select2-drop, #form-registrazione .select2-container-multi .select2-choices, #form-registrazione .select2-drop-active, #form-registrazione .select2-drop.select2-drop-above, #form-login .um .um-form input[type=text], #form-login .um .um-form input[type=search], #form-login .um .um-form input[type=tel], #form-login .um .um-form input[type=number], #form-login .um .um-form input[type=password], #form-login .um .um-form textarea, .um .upload-progress,#form-login .select2-container .select2-choice, #form-login .select2-drop, #form-login .select2-container-multi .select2-choices, #form-login .select2-drop-active, #form-login .select2-drop.select2-drop-above{ border: none!important; background-color: #468CAF!important; } #form-registrazione input, #form-login input{ color: #ffffff!important; } #form-registrazione ::placeholder, #form-login ::placeholder{ color: #abccdd!important; } #form-registrazione .um-field-error span.um-field-arrow, #form-login .um-field-error span.um-field-arrow{ display: none; } #form-registrazione i.um-icon-ios-close-empty{ display: none!important; } #form-registrazione input#um-submit-btn:hover, #form-registrazione input#um-submit-btn:focus, #form-registrazione input#um-submit-btn:active, #form-login input#um-submit-btn:hover, #form-login button.um-button.filled:hover, #form-login input#um-submit-btn:focus, #form-login button.um-button.filled:focus, #form-login input#um-submit-btn:active, #form-login button.um-button.filled:active{ background-color: #044b65!important; } .form-questionario .um-field-checkbox-option, #form-login p#title-form-login, #title-form-registrazione p{ font-weight: 600; } #form-login button.um-button.filled{ max-width: 130px!important; margin: 0 auto; } #form-login p{ line-height: 1.2; } #form-login a.um-link-alt{ font-size: 14px; text-decoration: underline!important; margin: 20px 0px 70px; } #form-login .um-col-alt{ margin-top: -10px!important; } #form-login .um-login img, #form-registrazione .um-login img{ display: none!important; } #form-login .um-login ul.um-misc-ul, #form-registrazione .um-login ul.um-misc-ul{ list-style: none; margin: 0; display: flex; } #form-login .um-login .um-misc-ul li, #form-registrazione .um-login .um-misc-ul li{ background-color: #004057; padding: 10px; border-radius: 2px; text-align: center; display: flex; flex-basis: 50%; justify-content: center; margin: 0px 10px; } #form-login .um-login .um-misc-ul li:hover, #form-registrazione .um-login .um-misc-ul li:hover{ background-color: #044b65; } #form-login .um-login .um-misc-ul li a:hover, #form-registrazione .um-login .um-misc-ul li a:hover{ text-decoration: none!important; } #form-login .um-login .um-misc-ul li a, #form-login .um-login strong, #form-registrazione .um-login .um-misc-ul li a, #form-registrazione .um-login strong{ font-size: 16px; } #form-registrazione .um-misc-with-img{ padding-top: 20px; } #form-registrazione .um-postmessage{ line-height: 1.5!important; padding: 0px 25px; } @media screen and (min-width: 1px) and (max-width: 767px){ #form-registrazione .um-col-131, #form-registrazione .um-col-132, #form-registrazione .um-col-133{ width: 100%!important; } #form-registrazione span.um-field-checkbox-option, #form-login span.um-field-checkbox-option{ margin-right: 10px; } #form-registrazione .um-form{ padding-bottom: 0px!important; } #form-login p{ padding-left: 25px; padding-right: 25px; } #form-login .um-form{ padding-top: 0px!important; } #form-login a.um-link-alt{ margin: 20px 0px 0px; } #form-login .um-login ul.um-misc-ul, #form-registrazione .um-login ul.um-misc-ul{ display: block; } #form-login .um-login .um-misc-ul li, #form-registrazione .um-login .um-misc-ul li{ margin-top: 10px; } } /***************************************** *** Aggiunto da Tommaso 18/01/23 *****************************************/ @media (min-width: 1025px){ .news-press-container .post-unfilter { float: none !important; display: block !important; margin-left: 0px!important; margin-right: 0px!important; } .news-press-container .post-filter.filter-visible, .archive.category-notizie .post-unfilter, .archive.category-news .post-unfilter, .archive.category-nachrichten .post-unfilter{ float: none !important; margin-left: 0px!important; margin-right: 0px!important; } .news-press-container .post-filter.filter-visible li, .archive.category-notizie .post-filter li.cat-item, .archive.category-nachrichten .post-filter li.cat-item, .archive.category-news .post-filter li.cat-item{ margin-bottom: 10px; } } .news-press-container{ padding-top: 50px!important; } .news-press-container h3{ margin-top: -50px; text-align: center; position: relative !important; float: none !important; margin-bottom: 40px; top: auto !important; left: auto !important; } @media (max-width: 767px){ .news-press-container .row_inner.col_align_top{ width: 100%!important; } .news-press-container{ padding-top: 20px!important; } } p.title-form-registrazione{ font-weight: bold !important; font-size: 16px !important; color: #fff !important; text-align: center !important; margin-bottom: 45px !important; margin-top: -15px !important; } /***************************************** *** Aggiunto da Isabel 18/01/23 *****************************************/ /*** Form Contatti ***/ .contact-form #consent-1 label, .contact-form #consent-2 label{ margin-right: 10px!important; } /*** Pagina Faq ***/ .third-cta.module .ui.module-accordion .accordion-title span{ flex-basis: 156px!important; width: 156px!important; } /*** Pagina Archivio ***/ .archive #layout .page-title{ color: #fff!important; } .archive.category-notizie .post-filter a, .archive.category-notizie .post-filter li.cat-item, .archive.category-notizie .post-unfilter a, .archive.category-notizie .post-unfilter li, .archive.category-news .post-filter a, .archive.category-news .post-filter li.cat-item, .archive.category-news .post-unfilter a, .archive.category-news .post-unfilter li, .archive.category-nachrichten .post-filter a, .archive.category-nachrichten .post-filter li.cat-item, .archive.category-nachrichten .post-unfilter a, .archive.category-nachrichten .post-unfilter li{ color: #fff!important; opacity: 0.75!important; } .archive.category-notizie .post-filter a:hover, .archive.category-notizie .post-filter a:focus, .archive.category-notizie .post-filter a:active, .archive.category-notizie .post-unfilter a:hover, .archive.category-notizie .post-unfilter a:focus, .archive.category-notizie .post-unfilter a:active, .archive.category-news .post-filter a:hover, .archive.category-news .post-filter a:focus, .archive.category-news .post-filter a:active, .archive.category-news .post-unfilter a:hover, .archive.category-news .post-unfilter a:focus, .archive.category-news .post-unfilter a:active, .archive.category-nachrichten .post-filter a:hover, .archive.category-nachrichten .post-filter a:focus, .archive.category-nachrichten .post-filter a:active, .archive.category-nachrichten .post-unfilter a:hover, .archive.category-nachrichten .post-unfilter a:focus, .archive.category-nachrichten .post-unfilter a:active{ opacity: 1!important; } .press-office-container .post-loop-module{ padding-top: 0px!important; } .press-office-container.press_module_row .post-loop-module .loops-wrapper.grid3 .post{ margin: 0!important; } .press-office-container.news-press-container h3{ margin-top: 0px!important; margin-bottom: 0px!important; } .press-office-container .press_release{ min-height: 200px!important; } .press-office-container.press_module_row .loops-wrapper.grid3 .post-content{ height: 200px; } .press-office-container.press_module_row .action_button{ bottom: 0px!important; } .press-office-container.press_module_row .post-loop-module .loops-wrapper.grid3 .post{ height: 230px!important; } .press-office-container.news-press-container .post-unfilter{ padding-top: 40px; } @media (max-width: 767px){ .press-office-container .builder-posts-wrap.masonry-done{ max-height: 100%!important; } } /***************************************** *** Aggiunto da Tommaso 30/01/23 *****************************************/ .forminator-field .forminator-required{ display: none; } button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show { border: 1px solid #1E73BE !important; } /***************************************** *** Aggiunto da Isabel 03/02/23 *****************************************/ /*** Pagina Bilancio di Sostenibilità ***/ @media (max-width: 767px){ #cta-download-bilancio a{ padding-top: 2px!important; } } #image-download-bilancio a{ border: none; width: 135px; margin-left: auto!important; margin-right: auto!important; } #image-download-bilancio span{ background-image: url(/wp-content/uploads/2023/02/Sostenibilita_0123_copertina.jpg)!important; width: 135px; height: 190px; background-size: contain!important; background-repeat: no-repeat!important; }