850 lines
20 KiB
CSS
850 lines
20 KiB
CSS
@import url("https://use.typekit.net/dwa4ieu.css");
|
|
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
|
|
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');
|
|
|
|
:root {
|
|
--main-font-family: 'Aileron';
|
|
--secondary-font-family: 'Bitter';
|
|
--black: #1A1A1A;
|
|
--grey: #6E6E6E;
|
|
--catalogue-light-purple: #AD20E7;
|
|
--catalogue-dark-purple: #1D193C;
|
|
--light-grey: #F9F9F9;
|
|
--dark-grey: #2B2B2B;
|
|
--eosc-blue: #3A75AB;
|
|
--openaire-light-blue: #3086ED;
|
|
--default-element-bg: #DEDEDE;
|
|
|
|
--grey-900: #2C2C2C;
|
|
--grey-700: #6E6E6E;
|
|
|
|
/*--primary-color: #AD20E7;*/
|
|
--link-color: #2D72D6;
|
|
--link-hover-color: #3665ab;
|
|
--breadcrumb-active-color: #4687E6;
|
|
--button-primary-hover-background-color: #9FCC52;
|
|
--button-secondary-color: #fff;
|
|
--button-secondary-background-color: #3086ED;
|
|
--button-secondary-hover-background-color: #0053ba;
|
|
}
|
|
|
|
body {
|
|
font-family: var(--main-font-family), sans-serif !important;
|
|
color: var(--black) !important;
|
|
background-color: var(--light-grey) !important;
|
|
font-size: 16px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.uk-section-default {
|
|
background-color: var(--light-grey) !important;
|
|
}
|
|
|
|
.uk-section-secondary {
|
|
background-color: var(--catalogue-dark-purple);
|
|
color: var(--light-grey);
|
|
/*background-color: #fafafa;*/
|
|
/*color: #424242 !important;*/
|
|
}
|
|
|
|
.uk-section-primary {
|
|
/*background-color: #222080;*/
|
|
background-color: #fff;
|
|
background-image: none;
|
|
}
|
|
|
|
.uk-padding-xlarge {
|
|
padding: 100px;
|
|
}
|
|
|
|
.uk-background-default {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.uk-text-normal {
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.uk-display-none {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/* ========================================================================
|
|
Margins
|
|
========================================================================== */
|
|
|
|
.uk-margin-xlarge-top {
|
|
margin-top: 100px !important;
|
|
}
|
|
|
|
.uk-margin-xlarge-bottom {
|
|
margin-bottom: 100px !important;
|
|
}
|
|
|
|
/* ========================================================================
|
|
Color and Typography
|
|
========================================================================== */
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
color: var(--grey-900);
|
|
/*text-align: left;*/
|
|
letter-spacing: 0px;
|
|
opacity: 1;
|
|
}
|
|
|
|
h1 {
|
|
font: normal normal 600 66px/83px var(--main-font-family) !important;
|
|
}
|
|
|
|
h2 {
|
|
font: normal normal 600 52px/65px var(--main-font-family) !important;
|
|
}
|
|
|
|
h3 {
|
|
font: normal normal 600 41px/51px var(--main-font-family) !important;
|
|
}
|
|
|
|
h4 {
|
|
font: normal normal 600 32px/40px var(--main-font-family) !important;
|
|
}
|
|
|
|
h5 {
|
|
font: normal normal 600 26px/33px var(--main-font-family) !important;
|
|
}
|
|
|
|
h6 {
|
|
font: normal normal 600 20px/27px var(--main-font-family) !important;
|
|
}
|
|
|
|
.h1-subHeader {
|
|
color: var(--catalogue-light-purple);
|
|
/*text-align: left;*/
|
|
font: normal normal normal 20px/27px var(--main-font-family);
|
|
letter-spacing: 0px;
|
|
opacity: 1;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.h2-subHeader-blue {
|
|
color: var(--eosc-blue);
|
|
/*text-align: left;*/
|
|
font: normal normal 600 20px/27px var(--main-font-family);
|
|
letter-spacing: 0px;
|
|
opacity: 1;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.h5-subheader {
|
|
color: var(--catalogue-light-purple);
|
|
/*text-align: left;*/
|
|
font: normal normal normal 16px/24px var(--main-font-family);
|
|
letter-spacing: 0px;
|
|
opacity: 1;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
|
|
h1 {
|
|
font: normal normal 600 41px var(--main-font-family) !important;
|
|
}
|
|
|
|
h2 {
|
|
font: normal normal 600 36px var(--main-font-family) !important;
|
|
}
|
|
|
|
h5 {
|
|
font: normal normal 600 23px var(--main-font-family) !important;
|
|
}
|
|
|
|
.h1-subHeader {
|
|
font: normal normal normal 18px var(--main-font-family);
|
|
}
|
|
|
|
.h2-subHeader-blue {
|
|
font: normal normal 600 18px var(--main-font-family);
|
|
}
|
|
}
|
|
|
|
p.x-large-text {
|
|
/*color: var(--black);*/
|
|
font: normal normal normal 27px/34px var(--main-font-family);
|
|
letter-spacing: 0px;
|
|
opacity: 1;
|
|
}
|
|
|
|
p.big-text {
|
|
/*color: var(--black);*/
|
|
/*text-align: left;*/
|
|
font: normal normal normal 22px/29px var(--main-font-family);
|
|
letter-spacing: 0px;
|
|
opacity: 1;
|
|
}
|
|
|
|
p.big-text-header {
|
|
/*color: var(--black);*/
|
|
/*text-align: left;*/
|
|
font: normal normal normal 27px/41px var(--main-font-family);
|
|
letter-spacing: 0px;
|
|
opacity: 1;
|
|
}
|
|
|
|
p.regular-text {
|
|
/*color: var(--black);*/
|
|
/*text-align: left;*/
|
|
font: normal normal normal 16px/24px var(--main-font-family);
|
|
letter-spacing: 0px;
|
|
opacity: 1;
|
|
}
|
|
|
|
dt {
|
|
color: var(--black);
|
|
/*text-align: left;*/
|
|
font: normal normal bold 16px/24px var(--main-font-family);
|
|
letter-spacing: 0;
|
|
opacity: 1;
|
|
}
|
|
|
|
dd {
|
|
color: var(--black);
|
|
/*text-align: left;*/
|
|
font: normal normal normal 14px/22px Aileron;
|
|
letter-spacing: 0.14px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.uk-text-primary {
|
|
color: var(--catalogue-light-purple) !important;
|
|
}
|
|
|
|
.line-clamp {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* ========================================================================
|
|
Divider
|
|
========================================================================== */
|
|
|
|
hr {
|
|
border: 1px solid var(--default-element-bg);
|
|
}
|
|
|
|
.browse-dropdown-menu hr {
|
|
border: 2px solid var(--default-element-bg);
|
|
}
|
|
|
|
/* ========================================================================
|
|
Links
|
|
========================================================================== */
|
|
|
|
.eosc-link.uk-link, a.eosc-link {
|
|
color: var(--eosc-blue);
|
|
}
|
|
|
|
/*a {*/
|
|
/*color: var(--catalogue-light-purple) !important;*/
|
|
/*text-decoration: none !important;*/
|
|
/*}*/
|
|
|
|
/*a:hover {*/
|
|
/*color: var(--openaire-light-blue) !important;*/
|
|
/*text-decoration: none !important;*/
|
|
/*}*/
|
|
|
|
/* ========================================================================
|
|
Buttons
|
|
========================================================================== */
|
|
|
|
.uk-button {
|
|
/*font: normal normal bold 12px/15px var(--main-font-family);*/
|
|
/*letter-spacing: 0px;*/
|
|
font-size: 14px;
|
|
}
|
|
|
|
.uk-card-media {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.uk-button-text {
|
|
text-transform: uppercase;
|
|
color: var(--catalogue-light-purple);
|
|
font: normal normal normal 16px/92px var(--main-font-family);
|
|
letter-spacing: -0.4px;
|
|
}
|
|
|
|
.uk-button-text::before {
|
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2211%22%20viewBox%3D%220%200%2020%2011%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23AD20E7%22%20stroke-width%3D%221.2%22%20points%3D%2213%201%2018%205.5%2013%2010%20%22%2F%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%23AD20E7%22%20stroke-width%3D%221.2%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2218.4%22%20y2%3D%225.5%22%2F%3E%0A%3C%2Fsvg%3E%0A");
|
|
}
|
|
|
|
.uk-button-text.eosc-link::before {
|
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2211%22%20viewBox%3D%220%200%2020%2011%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%233A75AB%22%20stroke-width%3D%221.2%22%20points%3D%2213%201%2018%205.5%2013%2010%20%22%2F%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%233A75AB%22%20stroke-width%3D%221.2%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2218.4%22%20y2%3D%225.5%22%2F%3E%0A%3C%2Fsvg%3E%0A");
|
|
}
|
|
|
|
.uk-button-text:hover {
|
|
color: var(--openaire-light-blue);
|
|
}
|
|
|
|
.uk-button-text:focus::before, .uk-button-text:hover::before {
|
|
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2211%22%20viewBox%3D%220%200%2020%2011%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%233086ED%22%20stroke-width%3D%221.2%22%20points%3D%2213%201%2018%205.5%2013%2010%20%22%2F%3E%0A%20%20%20%20%3Cline%20fill%3D%22none%22%20stroke%3D%22%233086ED%22%20stroke-width%3D%221.2%22%20x1%3D%220%22%20y1%3D%225.5%22%20x2%3D%2218.4%22%20y2%3D%225.5%22%2F%3E%0A%3C%2Fsvg%3E%0A");
|
|
}
|
|
|
|
.uk-button-primary {
|
|
background: transparent linear-gradient(254deg, var(--openaire-light-blue) 0%, var(--catalogue-light-purple) 100%) 0 0 no-repeat padding-box;
|
|
/*font: normal normal bold 12px/15px var(--main-font-family);*/
|
|
border-radius: 60px;
|
|
opacity: 1;
|
|
text-transform: uppercase;
|
|
border: none;
|
|
}
|
|
|
|
.uk-button-primary:hover {
|
|
background: transparent linear-gradient(254deg, var(--catalogue-light-purple) 0%, var(--catalogue-light-purple) 100%) 0 0 no-repeat padding-box;
|
|
}
|
|
|
|
.uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary {
|
|
color: var(--catalogue-light-purple);
|
|
}
|
|
|
|
.uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary > :not([class*="uk-card-media"]) .uk-button-primary:hover {
|
|
background-color: #fff;
|
|
color: var(--grey);
|
|
}
|
|
|
|
.uk-button-default {
|
|
text-transform: uppercase;
|
|
color: var(--catalogue-light-purple);
|
|
}
|
|
|
|
.uk-button-default:hover {
|
|
text-transform: uppercase;
|
|
color: var(--grey);
|
|
}
|
|
|
|
.uk-button-secondary {
|
|
text-transform: uppercase;
|
|
border: 1px solid var(--catalogue-light-purple);
|
|
color: var(--catalogue-light-purple);
|
|
}
|
|
|
|
.uk-button-secondary:hover {
|
|
background: transparent linear-gradient(254deg, var(--openaire-light-blue) 0%, var(--catalogue-light-purple) 100%) 0 0 no-repeat padding-box;
|
|
border: 0px;
|
|
}
|
|
|
|
a.uk-button {
|
|
line-height: 50px;
|
|
}
|
|
|
|
a.uk-icon-button {
|
|
text-decoration: none;
|
|
}
|
|
|
|
|
|
|
|
.uk-button-blue {
|
|
background: var(--openaire-light-blue) 0 0 no-repeat padding-box;
|
|
font: normal normal bold 12px/15px var(--main-font-family);
|
|
border-radius: 60px;
|
|
opacity: 1;
|
|
text-transform: uppercase;
|
|
padding: 12px 30px;
|
|
color: #fff;
|
|
}
|
|
|
|
/* ========================================================================
|
|
Menus
|
|
========================================================================== */
|
|
|
|
.uk-navbar-dropbar {
|
|
background-color: #fff;
|
|
color: var(--dark-grey);
|
|
}
|
|
|
|
.navbar .nav > li > .dropdown-menu, .uk-navbar-dropdown {
|
|
padding: 20px 0;
|
|
color: var(--dark-grey);
|
|
font: normal normal normal 16px/24px Aileron;
|
|
letter-spacing: 0px;
|
|
}
|
|
|
|
.default-menu-item {
|
|
font: normal normal normal 14px/22px var(--main-font-family) !important;
|
|
text-transform: capitalize !important;
|
|
color: var(--black) !important;
|
|
text-align: left !important;
|
|
letter-spacing: 0.14px !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.browse-dropdown-menu .services a {
|
|
color: var(--black) !important;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.browse-dropdown-menu .services a:hover {
|
|
color: var(--openaire-light-blue) !important;
|
|
}
|
|
|
|
.help-section a {
|
|
color: var(--catalogue-light-purple) !important;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.help-section a:hover {
|
|
color: var(--openaire-light-blue) !important;
|
|
}
|
|
|
|
/*.service-menu {*/
|
|
/*margin-top: -10px;*/
|
|
/*}*/
|
|
|
|
.service-menu .uk-navbar-container {
|
|
background-color: var(--catalogue-dark-purple);
|
|
color: #fff;
|
|
}
|
|
|
|
.service-menu > .uk-active {
|
|
background-color: #fff;
|
|
color: #fff;
|
|
}
|
|
|
|
.service-menu-item {
|
|
font: normal normal normal 14px/22px var(--main-font-family) !important;
|
|
text-transform: capitalize !important;
|
|
color: #fff !important;
|
|
text-align: left !important;
|
|
letter-spacing: 0.14px !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.service-menu > .uk-active .service-menu-item {
|
|
color: var(--black) !important;
|
|
}
|
|
|
|
.uk-active > .service-menu-item {
|
|
font: normal normal 600 14px/22px var(--main-font-family) !important;
|
|
color: var(--catalogue-light-purple) !important;
|
|
text-decoration-line: underline !important;
|
|
text-underline-offset: 5px;
|
|
text-decoration-thickness: 1.5px;
|
|
}
|
|
|
|
a.service-menu-item:hover {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.service-menu > .uk-active .uk-active > .service-menu-item {
|
|
color: var(--catalogue-light-purple) !important;
|
|
}
|
|
|
|
.service-menu > :not(.uk-active) .uk-navbar-left {
|
|
display: none;
|
|
}
|
|
|
|
.uk-navbar-nav > li.uk-active > a::before, .uk-navbar-nav > li:hover > a::before {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.uk-navbar-nav > li > a::before {
|
|
background-image: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
|
|
.uk-navbar-container:not(.uk-navbar-transparent) {
|
|
background: #fff;
|
|
opacity: 1;
|
|
}
|
|
|
|
.uk-navbar-toggle, .uk-navbar-toggle:focus {
|
|
color: var(--grey-900);
|
|
}
|
|
|
|
.help-section {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.service-tabs.uk-tab {
|
|
flex-wrap: nowrap;
|
|
overflow-x: auto;
|
|
background: var(--catalogue-dark-purple);
|
|
padding-bottom: 15px;
|
|
padding-top: 10px;
|
|
padding-left: 20px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.service-tabs.uk-tab > .uk-active > a {
|
|
border: none;
|
|
}
|
|
|
|
.service-tabs.uk-tab > .uk-active > a {
|
|
color: var(--catalogue-light-purple) !important;
|
|
}
|
|
|
|
.service-tabs.uk-tab > * > a {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.service-tabs.uk-tab > li:not(.uk-active) > a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#tm-mobile {
|
|
overflow-y: scroll;
|
|
overscroll-behavior: contain;
|
|
height: 90vh;
|
|
}
|
|
|
|
.tm-mobile-background {
|
|
z-index: 3;
|
|
display: none;
|
|
padding-top: 100px;
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: auto;
|
|
background-color: rgb(0,0,0);
|
|
background-color: rgba(0,0,0,0.4);
|
|
}
|
|
}
|
|
|
|
|
|
/* ========================================================================
|
|
Cards
|
|
========================================================================== */
|
|
|
|
.uk-card .el-meta {
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
.uk-card-default {
|
|
background: var(--light-grey) 0 0 no-repeat padding-box;
|
|
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);*/
|
|
border-radius: 6px;
|
|
opacity: 1;
|
|
color: var(--black);
|
|
font: normal normal normal 16px/22px var(--main-font-family);
|
|
letter-spacing: 0.14px;
|
|
}
|
|
|
|
.uk-card-default .uk-card-title {
|
|
color: var(--black);
|
|
}
|
|
|
|
.uk-card-primary {
|
|
background: transparent linear-gradient(213deg, var(--openaire-light-blue) 0%, var(--catalogue-light-purple) 100%) 0% 0% no-repeat padding-box;
|
|
}
|
|
|
|
.uk-card-default.uk-card-hover:hover {
|
|
background: var(--light-grey) 0 0 no-repeat padding-box;
|
|
}
|
|
|
|
.service-list-card {
|
|
font: normal normal normal 14px/22px var(--main-font-family);
|
|
}
|
|
/*.card-icon-no-button {*/
|
|
/**/
|
|
/*}*/
|
|
|
|
/*.insight-info-card {*/
|
|
/*background: var(--light-grey) 0 0 no-repeat padding-box;*/
|
|
/*border-radius: 6px;*/
|
|
/*opacity: 1;*/
|
|
/*}*/
|
|
|
|
/* ========================================================================
|
|
Pricing
|
|
========================================================================== */
|
|
|
|
|
|
|
|
/* ========================================================================
|
|
Sliders
|
|
========================================================================== */
|
|
|
|
.uk-slideshow-items > .uk-active {
|
|
display: flex;
|
|
}
|
|
|
|
.uk-dotnav > * > * {
|
|
width: 16px;
|
|
height: 16px;
|
|
background-color: var(--catalogue-light-purple) !important;
|
|
opacity: 0.4;
|
|
border: none !important;
|
|
}
|
|
|
|
.uk-dotnav > .uk-active > * {
|
|
background-color: var(--catalogue-light-purple) !important;
|
|
opacity: 1;
|
|
}
|
|
|
|
.slider-image {
|
|
|
|
}
|
|
|
|
.slider-text {
|
|
position: relative;
|
|
/*left: -70px;*/
|
|
}
|
|
|
|
.slider-bold-background-header {
|
|
text-align: left;
|
|
font: normal normal bold 229px/286px Bitter;
|
|
letter-spacing: 0px;
|
|
color: #211F7E;
|
|
opacity: 0.03;
|
|
position: absolute;
|
|
top: -80px;
|
|
left: -80px;
|
|
white-space: nowrap;
|
|
overflow: clip;
|
|
z-index: -10;
|
|
}
|
|
|
|
.slider-header {
|
|
color: var(--black);
|
|
/*text-align: left;*/
|
|
font: normal normal normal 45px/56px var(--secondary-font-family);
|
|
letter-spacing: 0px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.slider-description {
|
|
color: var(--grey);
|
|
/*text-align: left;*/
|
|
font: normal normal normal 16px/24px var(--main-font-family);
|
|
letter-spacing: 0px;
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
/* ========================================================================
|
|
Component: Footer
|
|
========================================================================== */
|
|
|
|
.footerSection {
|
|
text-align: left;
|
|
font: normal normal 300 12px/20px var(--main-font-family);
|
|
letter-spacing: 0px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.footerLink {
|
|
font: normal normal normal 16px/21px var(--main-font-family);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.newsletter-link {
|
|
font: normal normal 600 19px/26px Open Sans;
|
|
}
|
|
|
|
|
|
/* ========================================================================
|
|
Forms
|
|
========================================================================== */
|
|
|
|
.uk-tab-left > * > a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.uk-input:not([class*="menuSearch"]) {
|
|
background-color: #fff;
|
|
border: 1px solid var(--default-element-bg);
|
|
border-radius: 4px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.ng-select {
|
|
background-color: #fff;
|
|
border: 1px solid var(--default-element-bg);
|
|
}
|
|
|
|
/* ========================================================================
|
|
Pagination
|
|
========================================================================== */
|
|
|
|
.uk-pagination > * > * {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.uk-pagination > li.uk-active > a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
/* ========================================================================
|
|
Search
|
|
========================================================================== */
|
|
|
|
.refineOption > input {
|
|
margin-right: 5px !important;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
background: #FFFFFF 0% 0% no-repeat padding-box;
|
|
box-shadow: inset 0px 1px 3px #00000026 !important;
|
|
border: 0.5px solid #D4D4D5;
|
|
border-radius: 4px !important;
|
|
}
|
|
|
|
.menuSearch {
|
|
/*box-shadow: inset -10px -10px 13px #FFFFFFE6;*/
|
|
border-radius: 54px;
|
|
width: 350px;
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.menuSearchFields {
|
|
height: 48px !important;
|
|
background: #f7f7f7;
|
|
width: 200px;
|
|
}
|
|
|
|
a.serviceDetails {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/*.serviceDetails .portfolioSection {*/
|
|
/*width: 35px;*/
|
|
/*background: #ececec 0% 0% no-repeat padding-box;*/
|
|
/*}*/
|
|
|
|
/*.serviceDetails .portfolioSection span {*/
|
|
/*transform: rotate(-90deg);*/
|
|
|
|
/*position: absolute;*/
|
|
/*bottom: 0;*/
|
|
/*left: 0;*/
|
|
/*margin-left: -30px;*/
|
|
|
|
/*@include transform(rotate(270deg));*/
|
|
/*@include transform-origin(0 0);*/
|
|
/*}*/
|
|
|
|
.service-details-card-content {
|
|
display: block;
|
|
position: relative;
|
|
margin: 40px 0;
|
|
}
|
|
|
|
.service-details-card-content .portfolioSection {
|
|
/*font: bold 12px Sans-Serif;*/
|
|
/*letter-spacing: 2px;*/
|
|
/*text-transform: uppercase;*/
|
|
background: #ececec;
|
|
/*color: #fff;*/
|
|
color: var(--grey-700);
|
|
padding: 5px 10px;
|
|
/*margin: 0 0 10px 0;*/
|
|
line-height: 24px;
|
|
}
|
|
|
|
.serviceDetails .service-details-card-content {
|
|
/*border-left: 34px solid #ececec;*/
|
|
/*display: flex;*/
|
|
border-radius: 6px;
|
|
/*padding-left: 10px;*/
|
|
}
|
|
|
|
.serviceDetails .service-details-card-content .portfolioSection {
|
|
/*!* Abs positioning makes it not take up vert space *!*/
|
|
/*position: absolute;*/
|
|
/*bottom: 0;*/
|
|
/*left: -34px;*/
|
|
|
|
/*!* Border is the new background *!*/
|
|
/*background: none;*/
|
|
|
|
/*!* Rotate from top left corner (not default) *!*/
|
|
/*transform-origin: 0 0;*/
|
|
/*transform: rotate(-90deg);*/
|
|
vertical-align: middle;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 40px;
|
|
border-radius: 6px 0px 0px 6px;
|
|
}
|
|
|
|
.serviceDetails .service-details-card-content .portfolioSection > div {
|
|
transform: rotate(-90deg);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.serviceDetails .field-label {
|
|
color: var(--grey);
|
|
}
|
|
|
|
.serviceDetails .field-value {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.serviceDetails .service-image {
|
|
border-radius: 6px;
|
|
position: initial !important;
|
|
}
|
|
|
|
.serviceDetails .serviceDescription,
|
|
.serviceDetails .service-users,
|
|
.serviceDetails .service-pricing,
|
|
.service-details-card-content .portfolioSection {
|
|
font-size: 16px;
|
|
}
|
|
|
|
@media only screen and (max-width: 960px) {
|
|
|
|
.serviceDetails .service-details-card-content {
|
|
border-left: none;
|
|
/*border-bottom: 34px solid #ececec;*/
|
|
}
|
|
|
|
.serviceDetails .service-details-card-content .portfolioSection {
|
|
/*background-color: #ececec;*/
|
|
transform: none;
|
|
left: 21px;
|
|
bottom: -45px;
|
|
width: 100%;
|
|
border-radius: 0px 0px 6px 6px;
|
|
}
|
|
}
|
|
|
|
|
|
#offcanvas-filters .uk-offcanvas-bar {
|
|
width: 100%;
|
|
background-color: #F9F9F9;
|
|
}
|
|
|
|
#offcanvas-filters .uk-offcanvas-bar .header {
|
|
background-color: #fff;
|
|
border-bottom: 1px solid #ececec;
|
|
}
|
|
|
|
#offcanvas-filters .uk-offcanvas-close {
|
|
position: initial;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|