.fancy-header { background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #1793c6; } .mobile-false .fancy-header { background-attachment: scroll; } .fancy-header .wf-wrap { min-height: 80px; padding-top: 0px; padding-bottom: 0px; } .fancy-header .fancy-title { font-size: 30px; line-height: 36px; color: #ffffff; text-transform: none; } .fancy-header .fancy-subtitle { font-size: 18px; line-height: 26px; color: #ffffff; text-transform: none; } .fancy-header .breadcrumbs { color: #ffffff; } .fancy-header-overlay { background: rgba(0,0,0,0.5); } @media screen and (max-width: 778px) { .fancy-header .wf-wrap { min-height: 70px; } .fancy-header .fancy-title { font-size: 30px; line-height: 38px; } .fancy-header .fancy-subtitle { font-size: 20px; line-height: 28px; } .fancy-header.breadcrumbs-mobile-off .breadcrumbs { display: none; } #fancy-header > .wf-wrap { flex-flow: column wrap; align-items: center; justify-content: center; padding-bottom: 0px !important; } .fancy-header.title-left .breadcrumbs { text-align: center; float: none; } .breadcrumbs { margin-bottom: 10px; } .breadcrumbs.breadcrumbs-bg { margin-top: 10px; } .fancy-header.title-right .breadcrumbs { margin: 10px 0 10px 0; } #fancy-header .hgroup, #fancy-header .breadcrumbs { text-align: center; } .fancy-header .hgroup { padding-bottom: 5px; } .breadcrumbs-off .hgroup { padding-bottom: 5px; } .title-right .hgroup { padding: 0 0 5px 0; } .title-right.breadcrumbs-off .hgroup { padding-top: 5px; } .title-left.disabled-bg .breadcrumbs { margin-bottom: 0; } }