/** * @file * Custom style for Montreal theme. */
@import url('https://fonts.googleapis.com/css2?family=Alice&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



:root {
  --cb-blue-900: #000099;
  --cb-blue-600: #0033FF;
  --cb-blue-300: #0066FF;
  --cb-blue-200: #0099FF;
  --cb-blue-100: #33CCFF;
  
  --cb-red-900: #660000;
  --cb-red-600: #990000;
  --cb-red-300: #CC0000;
  --cb-red-200: #FF0000;
  --cb-red-100: #FF6666;
  
  --cb-green-900: #006600;
  --cb-green-600: #009900;
  --cb-green-300: #00CC00;
  --cb-green-200: #00FF00;
  --cb-green-100: #00FF66;
  
  --cb-orange-900: #FF3300;
  --cb-orange-600: #FF6600;
  --cb-orange-300: #FF9900;
  --cb-orange-200: #FFCC00;
  --cb-orange-100: #FFDC51;
  
  --cb-purple-900: #990066;
  --cb-purple-600: #990099;
  --cb-purple-300: #9900CC;
  --cb-purple-200: #CC33CC;
  --cb-purple-100: #FF66CC;
}

body {
  color: #333;
  background: #FFF;
  font-family: 'Inter', serif;
}


/*  Fluid Containers  */
.container {
	max-width: 100%;
	padding: 0;
}


/* .no-js {  display:none;} */
img {
  max-width: 100%;
  height: auto !important;
}

/*  Links  */
a,
.link,
.alert .alert-link,
.alert a {
  color: var(--cb-red-300);
  text-decoration: none;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: var(--cb-red-900);
}

.nav-link {
  color: #333;
}

.nav-link:hover,
.nav-link:focus {
  color: #666;
}

a:active,
.link:active {
  color: #666;
}

/*  Buttons  */
.btn-primary {
	background-color: var(--cb-red-300);
    border-color: var(--cb-red-300);
    font-family: 'Inter', serif;
    font-size: 0.9em;
    font-weight: 600;
	border-radius: 7px;
    padding: 9px 20px;
	text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: var(--cb-red-600) !important;
	border-color: var(--cb-red-600) !important;
	color: #FFFFFF;
}


.btn-secondary {
	background-color: transparent;
    border: 2px solid var(--cb-red-200);
    color: var(--cb-red-200);
    font-family: 'Inter', serif;
    font-size: 0.9em;
    font-weight: 400;
	border-radius: 7px;
    padding: 11px 20px;
    text-transform: uppercase;	
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	background-color: var(--cb-red-200);
	border: 2px solid var(--cb-red-200);
	color: #FFFFFF;
}


.btn,
.node-preview-container .node-preview-backlink,
button.link,
.button,
a.button {
  margin: 0;
}

.btn:focus,
.btn:active,
a:focus,
a:active {
  outline: none !important;
  box-shadow: none !important;
}


/** * @file * Subtheme specific CSS. */
h1,
h1 a {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings: "slnt" 0;
}

h2,
h3,
h4,
h5,
h6,
h2 a,
h3 a {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings: "slnt" 0;
}

body,
p,
a,
li {
  font-family: 'Inter', sans-serif;
  font-size: 0.98em;
}

.block-page-title-block h1 {
  font-size: 2.8em;
  margin-bottom: 15px;
}

img {
  max-width: 100%;
  height: auto;
}

/*  Tables  */
table tr th,
table tr th a,
table tr th a:hover,
table tr th a:focus {
  color: #000;
  font-weight: bold;
}

.all-table-holder {
  overflow-x: auto;
  width: 100%;
}

table {
  border: 0;
  border-spacing: 0;
  font-size: 0.857em;
  margin: 10px 0;
  min-width: 100%;
}

tr {
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
  background: #f1f1f1;
  background: rgba(0, 0, 0, 0.063);
}

thead>tr {
  border-bottom: 1px solid #000;
}

tr.odd {
  background: #e4e4e4;
  background: rgba(0, 0, 0, 0.105);
}

table tr th {
  background: #757575;
  background: rgba(0, 0, 0, 0.51);
  border-bottom-style: none;
}

table tr th,
table tr th a,
table tr th a:hover,
table tr th a:focus {
  color: #fff;
  font-weight: bold;
}

table tbody tr th {
  vertical-align: top;
}

tr td,
tr th {
  padding: 4px 9px;
  border: 1px solid #fff;
  text-align: left;
  /* LTR */
}

[dir="rtl"] tr td,
[dir="rtl"] tr th {
  text-align: right;
}

/** * Responsive tables. */
@media screen and (max-width: 37.5em) {

  /* 600px */
  th.priority-low,
  td.priority-low,
  th.priority-medium,
  td.priority-medium {
    display: none;
  }
}

@media screen and (max-width: 60em) {

  /* 920px */
  th.priority-low,
  td.priority-low {
    display: none;
  }
}

/*  Forms  */
.form-control,
.form-select,
.ui-widget.ui-selectmenu-button {
  font-size: 1.1em;
  border: 2px solid var(--cb-blue-600);
  background-color: #FFF;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  border-radius: 0;
  padding: 12px;
  border-radius: 7px;
}

.form-select {}


.iti__selected-flag {
  padding: 0 12px 0 12px;
}

.form-control:hover,
.form-control:focus,
.ui-widget.ui-selectmenu-button:hover,
.ui-widget.ui-selectmenu-button:focus {
  background-color: #FFF;
}

.form-managed-file {
  font-size: 0.85em;
}

.form-managed-file .form-wrapper {
  font-weight: 500;
}

label {
  display: inline-block;
  font-size: 0.85em;
  font-weight: 500;
}

.form-composite>.fieldset-wrapper>.description,
.form-item .description {
  font-size: 0.82em;
  line-height: 1.2em;
  color: #909090;
}


.views-exposed-form .js-form-item {
  margin-right: 15px;
}

.form-item {
  margin-bottom: 20px !important;
  margin-top: 0 !important;
}

.webform-flexbox {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.webform-flex--container fieldset {
  margin-bottom: 0 !important;
}

.form-item--error-message {
  color: #EA191F;
  font-size: 0.8em;
  font-weight: 500;
  padding-top: 2px;
}

.form-item--error-message:before {
  margin-right: 5px;
}

.form--inline .form-actions {
  clear: none;
  display: inline-block;
}

.ui-selectmenu-menu .ui-menu-item {
  padding-left: 32px;
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ui-selectmenu-menu .ui-menu-item span {
  top: 12px;
  left: 10px;
}

/* Telephone field  */
.form-item-phone-number>label,
.form-item-phone-number .iti {
  width: 100%;
}

div.form-item-phone-number div.form-item {
  border: 2px solid #007789;
  padding: 4px 10px;
}

.form-item-phone-country-code {
  width: 27%;
}

.phone-number-field .country-select {
  border-bottom: none;
}

.form-item-phone-phone {
  width: 70%;
}

.phone-number-field .form-type-textfield input {
  width: 100%;
  border-bottom: none;
}

/*  Fields  */
.field--label-inline .field__label,
.field--label-inline>.field__item,
.field--label-inline .field__items {
  padding-right: 0.2em;
  display: inline-block;
  float: none;
}

/*  Messages  */
.alert {
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
}

.alert-heading {
  font-size: 1.3rem;
}

/*  Content  */
.node__content {
  font-size: 0.98em;
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
  /* padding: 0 0.5rem 0 0; */
}

.inline__links {
  width: 100%;
  float: left;
}

/*  Node Links  */
.node__links {
  margin: 40px 0;
}

/*  Pager  */
.pager {
	width: 100%;
	display: inline-block;
}

.page-item.active .page-link {
	background-color: #007288;
	border-color: #007288;
}

.page-link,
.page-link:hover {
	color: #333;
}

.page-item.active .page-link:hover {
	color: #FFF;
}


.row {
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}


/* Layout  */
.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
	padding: 0 0 0.5rem 0;
}

.region-content {
	/* padding: 30px 15px 40px 15px; */
}

.path-frontpage .region-content {
	padding-top: 0;
	padding-bottom: 0px;
}

.region-content .row>* {
	padding-right: 0;
	padding-left: 0;
}

/*  Front Page  */
.path-frontpage #block-lusaka-page-title,
.path-frontpage #block-lusaka-content {
	display: none;
}





/*  Nav Bars  */
/*  Scrolled Navbar  */
.navbar {
	margin: 0;
	padding-right: 15px;
	z-index: 300;
	background-color: #FFF !important;
	padding-top: 10px;
    padding-bottom: 10px;
}

.not-top.scrolled-down .navbar {
	position: fixed;
	width: 100%;
	background-color: transparent !important;
	/* box-shadow: 1px 1px 6px 0px rgba(139, 132, 132, 0.75);
	-webkit-box-shadow: 1px 1px 6px 0px rgba(139, 132, 132, 0.75);
	-moz-box-shadow: 1px 1px 6px 0px rgba(139, 132, 132, 0.75); */
}

.not-top.scrolled-up .navbar {
	position: fixed;
	width: 100%;
	box-shadow: none;
	background-color: #FFF !important;
}

.not-top.scrolled-down .navbar-collapse{
	display: none !important;
}

.not-top.scrolled-down .navbar .navbar-brand{
    /* background-color: #FFF;
	border-radius: 10px; */
}

/*  Branding  */

.navbar-brand{
	padding: 15px;
	margin-right: 30px;
	margin-left: 15px;
}

.site-logo img {
	max-width: 250px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
}


.page-nav-main{
	width: 50%;
}

.region-nav-main {
	z-index: 3;
}

/*  Region additional  */

.page-nav-additional{
	width: 50%;
}

.region-nav-additional {
  display: flex;
  justify-content: flex-end;
}



/*  Menu  */
.region-nav-main .navbar-nav {
  justify-content: flex-start !important;
}


.region-nav-main .menu--main {
  padding: 20px 0;
  font-size: 0.9em;

  /* display: inline; */
}

.region-nav-main .menu--main .nav-link {
  color: #000;
  padding: 7px 0px !important;
  position: relative;
  margin-right: 35px;
  font-family: 'Inter', sans-serif;
  font-size: 1.05em;
  font-weight: 500;
  text-transform: uppercase;
}

.region-nav-main .menu--main .nav-link:hover{
	color: var(--cb-red-300);
}

.region-nav-main .menu--main .navbar-nav .dropdown-menu {
  border-radius: 5px;
  font-size: 1em;
  padding: 10px;
}

.region-nav-main .menu--main .navbar-nav .dropdown-menu .nav-item a.dropdown-item {
  padding: 8px 10px;
  font-weight: 600;
  color: #4D4D4D;
}

.region-nav-main .menu--main .navbar-nav .dropdown-menu .nav-item a.dropdown-item:hover {
  background: #F1F1F1;
}

.region-nav-main .dropdown-item.active,
.media-library-view--widget .view-header a.dropdown-item.is-active,
.dropdown-item:active {
  background-color: #dcecff;
}

/*  Mobile Menu  */
.navbar-toggler {
  border-radius: 0;
  padding: 7px;
  background-color: var(--cb-blue-900);
  border: 0;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url('../images/hamburger_icon_close_white.svg');
  background-size: 20px 20px;
  height: 1em;
  width: 1em;
}

.navbar-toggler.collapsed .navbar-toggler-icon {
  background-image: url('../images/hamburger_icon_white.svg');
}




/*  Request a call */

.top-request{
	display: flex;
    align-items: center;
}

.top-request .call-phone{
	margin-right: 20px;
}

.top-request .call-phone a{
	display: block;
    padding: 10px 10px 10px 30px;
    color: var(--cb-red-600);
    font-size: 1em;
    font-weight: 500;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position-y: center;
	background-image: url('data:image/svg+xml,<svg enable-background="new 0 0 40 40" height="40px" id="Layer_1" version="1.1" viewBox="0 0 40 40" width="40px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><g><g><path d="M20,2c9.925,0,18,8.075,18,18s-8.075,18-18,18c-9.925,0-18-8.075-18-18S10.075,2,20,2 M20,0      C8.955,0,0,8.954,0,20c0,11.047,8.955,20,20,20c11.047,0,20-8.953,20-20C40,8.954,31.047,0,20,0L20,0z" fill="%23990000"/></g></g></g><path clip-rule="evenodd" d="M14.371,9.793c1.207-0.228,1.998,1.133,2.6,2.072   c0.586,0.912,1.307,1.982,1.016,3.169c-0.162,0.666-0.764,1.029-1.219,1.422c-0.449,0.388-1.133,0.744-1.299,1.34   c-0.271,0.967,0.322,1.982,0.689,2.56c0.834,1.306,1.842,2.483,3.129,3.534c0.623,0.51,1.488,1.191,2.355,1.016   c1.295-0.262,1.637-1.859,3.047-2.072c1.342-0.203,2.25,0.77,3.008,1.422c0.73,0.631,1.908,1.439,1.828,2.52   c-0.047,0.621-0.545,1.006-0.977,1.381c-0.439,0.383-0.824,0.813-1.258,1.096c-1.051,0.686-2.34,1.022-3.82,0.976   c-1.451-0.045-2.607-0.538-3.656-1.097c-2.051-1.094-3.672-2.633-5.199-4.348c-1.502-1.686-2.889-3.682-3.656-5.889   c-0.957-2.756-0.451-5.587,1.098-7.353c0.262-0.3,0.676-0.613,1.055-0.935C13.49,10.284,13.84,9.893,14.371,9.793z" fill="%23990000" fill-rule="evenodd"/></g></svg>');
}

.top-request .call-phone a:hover{
	color: var(--cb-red-900);
}

.top-request .request-link a.btn-primary {
    padding: 12px 25px;
    font-size: 0.85em;
}



/*  Front Welcome  */


#block-lusaka-frontwelcome{
	width: 100%;
    height: 650px;
    position: relative;
    background-image: url('../images/front-welcome.jpg');
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
    color: #FFF;
    text-align: center;
}

.front-welcome{
    height: 650px;
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.front-welcome h4{
	font-family: "Alice", serif;
	font-size: 1.6em;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 0;
}

.front-welcome h1{
	font-family: "Montserrat", serif;
    font-size: 6.3em;
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
}

.front-welcome p{
	font-family: "Alice", serif;
	font-size: 1.4em;
	font-weight: 400;
	font-style: normal;
	margin-bottom: 30px;
	line-height: 1.4em;
}


.welcome-contact{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0%;
    width: 100%;
    padding: 22px 0;
    background: #000;
}

.welcome-contact .discover-text{
	font-family: "Alice", serif;
    font-size: 1.2em;
    font-weight: 400;
    font-style: normal;
    margin-right: 20px;
}

.welcome-contact .discover-link a{
	
}

/*  CB Specs  */

#block-lusaka-codebastionspecs{
	padding: 60px 0;
}

.cb-specs{
	width: 60%;
    margin: 0 auto;
    text-align: center;
}

.cb-specs .cb-specs-img{
	margin-bottom: 30px;
}

.cb-specs .cb-specs-text{
	font-family: "Alice", serif;
    font-size: 1.45em;
    font-weight: 500;
    font-style: normal;
}


/*  Front Services  */

.front-service{
	padding-top: 160px;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.front-service-web-design{
    background-image: url('../images/website-design-bg-1.jpg');
	color: #FFFFFF;
}

.front-service-content{
	width: 50%;
    margin: 0 auto;
    text-align: center;
}

.front-service-title h4{
	font-family: "Montserrat", sans-serif;
    font-size: 3em;
    margin-bottom: 60px;
}

.front-service-text{
	font-family: "Alice", serif;
    font-size: 1.45em;
    font-weight: 500;
    font-style: normal;
	margin-bottom: 40px;
}

.front-service-links ul{
	padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}

.front-service-links ul li{
	width: 25%;
}

.front-service-links ul li a{
	font-family: 'Alice', serif;
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: 500;
    color: #FFF;
    display: inline-block;
    width: 100%;
    padding: 80px 30px 20px 30px;
    background: #1f1f1f;
    border: 1px solid #6e6a6a;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position-y: 25px;
    background-position-x: center;
	word-spacing: 100vw;
}

.front-service .front-service-links ul li a.learn-more-link{
	padding-top: 61px;
    padding-bottom: 61px;
    background-color: var(--cb-red-300);
    border: 1px solid var(--cb-red-300);
	word-spacing: normal;
}

.front-service .front-service-links ul li a.multiple-words{
	word-spacing: normal;
}

.front-service-web-design .front-service-links ul li a.responsive{
	background-image: url('data:image/svg+xml,<svg enable-background="new 0 0 48 48" height="48px" id="Layer_3" version="1.1" viewBox="0 0 48 48" width="48px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M46.25,0H2.875H0v8v32h20v8h20v-8h8V8V0H46.25z M36,3c1.104,0,2,0.896,2,2s-0.896,2-2,2s-2-0.896-2-2  S34.896,3,36,3z M6,3h24c1.104,0,2,0.896,2,2s-0.896,2-2,2H6C4.896,7,4,6.104,4,5S4.896,3,6,3z M30,46.594c-1.104,0-2-0.896-2-2  s0.896-2,2-2s2,0.896,2,2S31.104,46.594,30,46.594z M36,40.969H24V40v-4V18.083h12V36v4V40.969z M44,36h-4V14.083H20V36H4V10h40V36z   M42,7c-1.104,0-2-0.896-2-2s0.896-2,2-2s2,0.896,2,2S43.104,7,42,7z" fill="%23FFFFFF"/></svg>');
}

.front-service-web-design .front-service-links ul li a.e-commerce{
	background-image: url('data:image/svg+xml,<svg data-name="Layer 1" id="Layer_1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.53,5,5,3H1.25a1,1,0,0,0,0,2H3.47L6.7,18H20V16H8.26l-.33-1.34L21,12.17V5ZM19,10.52,7.45,12.71,6,7H19ZM7,19a1.5,1.5,0,1,0,1.5,1.5A1.5,1.5,0,0,0,7,19Zm12,0a1.5,1.5,0,1,0,1.5,1.5A1.5,1.5,0,0,0,19,19Z" fill="%23FFFFFF"/></svg>');
}

.front-service-web-design .front-service-links ul li a.development{
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g data-name="Layer 2"><path d="M0 0h60v60H0z" fill="none"></path><circle cx="9.33" cy="15.74" r="1" fill="%23ffffff" class="fill-3d3d63"></circle><circle cx="16" cy="15.74" r="1" fill="%23ffffff" class="fill-3d3d63"></circle><circle cx="12.67" cy="15.74" r="1" fill="%23ffffff" class="fill-3d3d63"></circle><path d="m20 30.25 3-3a1 1 0 1 0-1.42-1.42l-3.72 3.73a1 1 0 0 0 0 1.41l3.72 3.73a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.41ZM34.32 34.68a1 1 0 0 0 1.41 0L39.46 31a1 1 0 0 0 0-1.41l-3.73-3.73a1 1 0 0 0-1.41 1.42l3 3-3 3a1 1 0 0 0 0 1.4ZM31 26.15a1 1 0 0 0-1.37.37L25.94 33a1 1 0 1 0 1.73 1l3.73-6.45a1 1 0 0 0-.4-1.4Z" fill="%23ffffff" class="fill-3d3d63"></path><path d="M55.86 40a.29.29 0 0 1-.27-.19 10.43 10.43 0 0 0-1.67-2.89.29.29 0 0 1 0-.33 2.3 2.3 0 0 0-.84-3.14l-.75-.45V14.74a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v25.34a2.34 2.34 0 0 0 2.33 2.33H21l-1 3.7h-1.33a4.33 4.33 0 0 0-4.21 3.33H12a1 1 0 0 0 0 2h25.47a2.12 2.12 0 0 0 .07.71 2.25 2.25 0 0 0 1.07 1.4l2.11 1.22a2.3 2.3 0 0 0 3.14-.85.31.31 0 0 1 .31-.14 9.74 9.74 0 0 0 3.32 0 .3.3 0 0 1 .31.15 2.3 2.3 0 0 0 2 1.14 2.27 2.27 0 0 0 1.15-.3l2.11-1.22a2.29 2.29 0 0 0 1.07-1.4 2.26 2.26 0 0 0-.23-1.74.3.3 0 0 1 0-.34 10.52 10.52 0 0 0 1.67-2.88.28.28 0 0 1 .27-.19 2.31 2.31 0 0 0 2.3-2.3v-2.44A2.3 2.3 0 0 0 55.86 40ZM7 14.74a1 1 0 0 1 1-1h41.33a1 1 0 0 1 1 1v3H7Zm.33 25.67a.33.33 0 0 1-.33-.33V19.74h43.33V32a2.29 2.29 0 0 0-2.53 1 .29.29 0 0 1-.3.13 10.27 10.27 0 0 0-3.32 0 .28.28 0 0 1-.3-.13 2.29 2.29 0 0 0-3.14-.84l-2.11 1.22a2.24 2.24 0 0 0-1.07 1.39 2.32 2.32 0 0 0 .22 1.75.27.27 0 0 1 0 .33 10.43 10.43 0 0 0-1.67 2.89.29.29 0 0 1-.27.19 2.29 2.29 0 0 0-1.36.45ZM34 46.11H22l1-3.7h10.5v2.29a2.32 2.32 0 0 0 .5 1.41Zm-15.32 2h17.8a11 11 0 0 0 .78 1.33H16.57a2.33 2.33 0 0 1 2.1-1.33Zm37.48-3.41a.3.3 0 0 1-.3.3 2.31 2.31 0 0 0-2.15 1.48 8.46 8.46 0 0 1-1.34 2.33 2.31 2.31 0 0 0-.21 2.6.26.26 0 0 1 0 .22.29.29 0 0 1-.14.19L49.94 53a.3.3 0 0 1-.41-.12 2.31 2.31 0 0 0-2.37-1.11 7.92 7.92 0 0 1-2.66 0 2.31 2.31 0 0 0-2.37 1.12.31.31 0 0 1-.41.11l-2.11-1.22a.29.29 0 0 1-.14-.19.26.26 0 0 1 0-.22 2.33 2.33 0 0 0-.21-2.6 8.35 8.35 0 0 1-1.35-2.33A2.28 2.28 0 0 0 35.8 45a.3.3 0 0 1-.3-.3v-2.44a.29.29 0 0 1 .3-.3 2.3 2.3 0 0 0 2.14-1.48 8.21 8.21 0 0 1 1.35-2.33 2.33 2.33 0 0 0 .21-2.6.28.28 0 0 1 0-.23.26.26 0 0 1 .14-.18l2.11-1.22a.28.28 0 0 1 .15 0 .3.3 0 0 1 .25.14 2.32 2.32 0 0 0 2.37 1.12 7.92 7.92 0 0 1 2.66 0A2.33 2.33 0 0 0 49.53 34a.29.29 0 0 1 .4-.1l2.11 1.22a.26.26 0 0 1 .14.18.28.28 0 0 1 0 .23 2.3 2.3 0 0 0 .21 2.59 8.51 8.51 0 0 1 1.34 2.34A2.32 2.32 0 0 0 55.86 42a.29.29 0 0 1 .3.3Z" fill="%23ffffff" class="fill-3d3d63"></path><path d="M45.83 38.94a4.54 4.54 0 1 0 4.54 4.54 4.54 4.54 0 0 0-4.54-4.54Zm0 7.08a2.54 2.54 0 1 1 2.54-2.54A2.54 2.54 0 0 1 45.83 46Z" fill="%23ffffff" class="fill-3d3d63"></path></g></svg>');
}


.front-service-mobile-app{
    background-image: url('../images/mobile-app-bg-1.jpg');
	color: #000000;
}

.front-service-mobile-app .front-service-links ul li a.ios-apps{
	background-image: url('data:image/svg+xml,<svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M333.6,169.9c16.3,0,33.2,7.4,47.4,20.4c-9.9,8.5-17.9,18.7-23.7,30.2c-8,16-11.6,34.3-10.2,52.7   c1.3,18.7,7.6,36.6,18,51.8c8,11.6,18.2,21.2,30,28.3c-5,10.7-9.2,18.4-16.8,30.5c-8.4,13.1-30.5,48-52,48.2l-0.4,0   c-7.4,0-12.2-2.2-19.3-5.6c-10-4.7-22.3-10.6-43.4-10.6l-0.6,0c-21.1,0.1-33.8,5.9-43.9,10.6c-7.4,3.4-12.3,5.7-19.9,5.7l-0.4,0   c-19.6-0.2-37.5-24.3-50.8-45.2c-19.3-30.4-31.7-65.6-34.9-99.1c-2.9-30.5,2-58.5,13.5-76.7c8-12.7,18.5-23.3,30.4-30.6   c11.2-6.8,23-10.4,34.2-10.4c12.4,0,22.7,3.8,33.7,7.8c11.5,4.2,23.5,8.6,37.7,8.6c13.6,0,24.3-4.2,34.6-8.2   C308,173.9,318.2,169.9,333.6,169.9 M333.6,153.9c-33.6,0-47.8,16.5-71.2,16.5c-24,0-42.3-16.4-71.4-16.4   c-28.5,0-58.9,17.9-78.2,48.4c-27.1,43-22.5,124,21.4,193c15.7,24.7,36.7,52.4,64.2,52.7c0.2,0,0.3,0,0.5,0   c23.9,0,31-16.1,63.9-16.3c0.2,0,0.3,0,0.5,0c32.4,0,38.9,16.2,62.7,16.2c0.2,0,0.3,0,0.5,0c27.5-0.3,49.6-31,65.3-55.6   c11.3-17.7,15.5-26.6,24.2-46.6c-63.5-24.8-73.7-117.4-10.9-152.9C385.9,168.2,359,153.9,333.6,153.9L333.6,153.9z" fill="%23ffffff"/><path d="M309.9,84.5c-2.7,14.9-10.5,26.8-14.6,32.2c-7.4,9.8-18,17.4-28.8,21.1c0.5-3,1.3-6.1,2.4-9.2c3.5-10.2,8.9-18.2,12.8-23.1   C288.8,96.7,299.3,89.1,309.9,84.5 M326.2,64c-20,1.4-43.3,14.5-57,31.6c-12.4,15.5-22.6,38.5-18.6,60.8c0.5,0,1,0,1.6,0   c21.3,0,43.1-13.2,55.8-30.1C320.3,110.2,329.6,87.4,326.2,64L326.2,64z" fill="%23ffffff"/></g></svg>');
}


.front-service-mobile-app .front-service-links ul li a.android-apps{
	background-image: url('data:image/svg+xml,<svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M352,208v60.5V357h-22.5H313v15.5V424c0,4.4-3,7.9-7.3,8l0,0l-0.1,0c-0.1,0-0.2,0-0.3,0c-1.6,0-3.1-0.6-4.3-1.6l-0.1-0.1    l-0.4-0.1c-2-1.6-3.4-4-3.4-6.2v-51.5V357h-15.5h-49H216v15.5V424c0,4.4-3.6,8-8,8s-8-3.6-8-8v-51.5V357h-15.5H160v-88.6V208H352     M368,192H144v76.4V358c0,6.9,5.5,15,12.4,15H184v51c0,13.3,10.7,24,24,24s24-10.7,24-24v-51h49v51c0,7.5,3.9,14.2,9.3,18.6    c3.9,3.4,9.3,5.4,15,5.4c0.1,0,0.3,0,0.4,0c0.1,0-0.3,0-0.2,0c13.3,0,23.6-10.7,23.6-24v-51h28.6c7,0,10.4-8.1,10.4-14.9v-89.6    V192L368,192z" fill="%23ffffff"/><path d="M408,192c4.4,0,8,3.6,8,8v96c0,4.4-3.6,8-8,8s-8-3.6-8-8v-96C400,195.6,403.6,192,408,192 M408,176c-13.3,0-24,10.7-24,24    v96c0,13.3,10.7,24,24,24s24-10.7,24-24v-96C432,186.7,421.3,176,408,176L408,176z" fill="%23ffffff"/><path d="M104,192c4.4,0,8,3.6,8,8v96c0,4.4-3.6,8-8,8s-8-3.6-8-8v-96C96,195.6,99.6,192,104,192 M104,176c-13.3,0-24,10.7-24,24    v96c0,13.3,10.7,24,24,24s24-10.7,24-24v-96C128,186.7,117.3,176,104,176L104,176z" fill="%23ffffff"/></g><g><path d="M255,94.3l0.9,0h0h0c14.2,0,27.3,1.9,38.8,5.6l10,4.4c28.7,12.6,39.9,37.4,44.4,55.7H162.8c4.4-18.6,15.6-43.6,44.1-56    l10.3-4.5C228.5,96.1,241.2,94.3,255,94.3 M185.4,64c-0.5,0-1.2,0.2-1.8,0.8c-1.1,0.8-1.7,1.8-1.3,2.5l18.3,22.1    c-48.2,20.9-55.4,71.7-56.4,86.7h223.6c-1.1-15-8.2-65.1-56.6-86.4l18.5-22.2c0.4-0.5-0.2-1.7-1.3-2.6c-0.7-0.5-1.5-0.8-2-0.8    c-0.3,0-0.5,0.1-0.7,0.3l-19.2,22.7c-13.6-5.4-30.2-8.8-50.6-8.8c-0.3,0-0.6,0-1,0c-20,0-36.4,3.3-49.8,8.5l-19-22.5    C186.1,64.1,185.8,64,185.4,64L185.4,64z" fill="%23ffffff"/></g></g><path d="M206.6,138.9c-7.4,0-13.5-6-13.5-13.3c0-7.3,6-13.3,13.5-13.3c7.4,0,13.5,6,13.5,13.3C220.1,132.9,214.1,138.9,206.6,138.9z" fill="%23ffffff"/><path d="M305,138.9c-7.4,0-13.5-6-13.5-13.3c0-7.3,6-13.3,13.5-13.3c7.4,0,13.5,6,13.5,13.3C318.5,132.9,312.4,138.9,305,138.9z" fill="%23ffffff"/></svg>');
}


.front-service-mobile-app .front-service-links ul li a.cross-platform{
	background-image: url('data:image/svg+xml,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 17H4.25C3.00736 17 2 15.9926 2 14.75V5.75C2 4.23122 3.23122 3 4.75 3H16.75C17.9926 3 19 4.00736 19 5.25V6.5H19.75C20.9926 6.5 22 7.50736 22 8.75V18.25C22 19.4926 20.9926 20.5 19.75 20.5H7.75C6.50736 20.5 5.5 19.4926 5.5 18.25V17ZM3.5 5.75V14.75C3.5 15.1642 3.83579 15.5 4.25 15.5H5.5V8.75C5.5 7.50736 6.50736 6.5 7.75 6.5H17.5V5.25C17.5 4.83579 17.1642 4.5 16.75 4.5H4.75C4.05964 4.5 3.5 5.05964 3.5 5.75ZM7 8.75V18.25C7 18.6642 7.33579 19 7.75 19H19.75C20.1642 19 20.5 18.6642 20.5 18.25V8.75C20.5 8.33579 20.1642 8 19.75 8H7.75C7.33579 8 7 8.33579 7 8.75Z" fill="%23ffffff"/></svg>');
}

.front-service-digital-marketing{
    background-image: url('../images/digital-marketing-bg-1.jpg');
	color: #FFFFFF;
}


.front-service-digital-marketing .front-service-links ul li a.seo{
	background-image: url('data:image/svg+xml,<svg class="feather feather-search" fill="none" height="24" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="8" stroke="%23ffffff"/><line x1="21" x2="16.65" y1="21" y2="16.65" stroke="%23ffffff"/></svg>');
}

.front-service-digital-marketing .front-service-links ul li a.ppc{
	background-image: url('data:image/svg+xml,<svg fill="none" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 2C7.77614 2 8 2.22386 8 2.5V4.5C8 4.77614 7.77614 5 7.5 5C7.22386 5 7 4.77614 7 4.5V2.5C7 2.22386 7.22386 2 7.5 2ZM3.61091 3.61091C3.80618 3.41565 4.12276 3.41565 4.31802 3.61091L5.73223 5.02513C5.9275 5.22039 5.9275 5.53697 5.73223 5.73223C5.53697 5.92749 5.22039 5.92749 5.02513 5.73223L3.61091 4.31802C3.41565 4.12276 3.41565 3.80617 3.61091 3.61091ZM11.3891 3.61091C11.5843 3.80617 11.5843 4.12276 11.3891 4.31802L9.97487 5.73223C9.77961 5.9275 9.46303 5.9275 9.26777 5.73223C9.0725 5.53697 9.0725 5.22039 9.26777 5.02513L10.682 3.61091C10.8772 3.41565 11.1938 3.41565 11.3891 3.61091ZM2 7.5C2 7.22386 2.22386 7 2.5 7H4.5C4.77614 7 5 7.22386 5 7.5C5 7.77614 4.77614 8 4.5 8H2.5C2.22386 8 2 7.77614 2 7.5ZM8.64019 7.2993C7.98886 6.75653 7 7.21968 7 8.06752V17.1693C7 18.0926 8.14454 18.5227 8.75258 17.8278L10.7787 15.5122C11.0635 15.1867 11.475 15 11.9075 15H15.119C16.0543 15 16.4777 13.8305 15.7592 13.2318L8.64019 7.2993ZM8 17.1693L8 8.06752L15.119 14H11.9075C11.1866 14 10.5008 14.3112 10.0261 14.8537L8 17.1693Z" fill="%23ffffff"/></svg>');
}


.front-service-digital-marketing .front-service-links ul li a.c-opt{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 1H22V6.41421L15 13.4142V17.4142L9 23.4142V13.4142L2 6.41421V1ZM4 3V5.58579L11 12.5858V18.5858L13 16.5858V12.5858L20 5.58579V3H4Z" fill="%23ffffff"/></svg>');
}

.front-service-links ul li a:hover{
	background-color: var(--cb-red-300);
}


/*  Our Work = Front  */

div#block-our-work-block-1{
	padding-top: 60px;
    padding-bottom: 60px;
}

div#block-our-work-block-1 h2.block-title{
	text-align: center;
    font-size: 3em;
    margin-bottom: 40px;
    color: var(--cb-red-600);
}

div#block-our-work-block-1 .our-work-subtitle{
	text-align: center;
    font-family: "Alice", serif;
    font-size: 1.3em;
    font-weight: 500;
    margin-bottom: 40px;
}

div#block-our-work-block-1 .view-content{
	display: flex;
	flex-wrap: wrap;
    margin-bottom: 30px;
    justify-content: space-between;
}

div#block-our-work-block-1 .view-content .views-row{
	width: 49%;
}



div#block-our-work-block-1 .service-rendered{
	position: relative;
    margin-top: -120px;
    margin-bottom: 60px;
    padding: 0 40px;
    z-index: 3;
}


div#block-our-work-block-1 .service-rendered a{
	font-size: 0.9em;
    font-weight: 500;
    color: #FFF;
    font-family: "Montserrat", sans-serif;
}

div#block-our-work-block-1 .client a{
	font-size: 3.1em;
    font-family: "Montserrat", serif;
    font-weight: 800;
    color: #FFF;
}

div#block-our-work-block-1 .service-rendered a:hover,
div#block-our-work-block-1 .client a:hover{
	color: #FFF;
}

div#block-our-work-block-1 .view-content .views-row .views-field-nothing{
	transition: transform 1s ease; 
}

div#block-our-work-block-1 .view-content .views-row:hover .views-field-nothing{
	transform: translateY(-20px);
}

div#block-our-work-block-1 .view-content .views-field-field-work-main-image img{
	transition: opacity 1s ease;
}

div#block-our-work-block-1 .view-content .views-row:hover .views-field-field-work-main-image img{
	opacity: 0.9;
}



div#block-our-work-block-1 .view-footer{
	padding: 0 40px;
}

div#block-our-work-block-1 .view-footer .work-page-link{
	text-align: center;
}

div#block-our-work-block-1 .view-footer .work-page-link a{
	display: inline-block;
    padding: 10px 20px;
    border: 1px solid var(--cb-red-200);
    font-size: 0.8em;
    text-transform: uppercase;
}

div#block-our-work-block-1 .view-footer .work-page-link a:hover{
	background-color: var(--cb-red-300);
	border: 1px solid var(--cb-red-200);
	color: #FFF;
}



/*  Not your regular  */

#block-lusaka-notregular{
	padding: 120px 0;
	background-image: url('../images/not-regular-bg-1.jpg');
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#block-lusaka-notregular .not-regular{
	width: 45%;
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
}

#block-lusaka-notregular .not-regular h3{
	font-family: "Montserrat", serif;
    font-size: 3.5em;
    margin-bottom: 40px;
}

.section-divider span{
	display: block;
    width: 100px;
    border-top: 2px solid var(--cb-red-200);
    margin: 0 auto 20px;
}

#block-lusaka-notregular .not-regular p{
	font-family: "Alice", serif;
    font-size: 1.45em;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 40px;
}


/*  Footer  */

.site-footer{
    background-color: #1d1d1d;
    color: #FFF;
    padding: 4rem 10px;
}

.site-footer .container-fluid{
	margin: 0 auto !important;
}

.footer-container{
	padding: 0 10px;
}


.footer-elevate{
	align-items: center;
	margin-bottom: 60px;
}

.footer-elevate .footer-elevate-text{
	font-family: "Montserrat", serif;
    font-size: 2.7em;
    font-weight: 700;
    line-height: 1.3em;
}

.footer-elevate .footer-elevate-link{
	display: flex;
    justify-content: flex-end;
}

.footer-elevate .footer-elevate-link a{
	padding: 18px 30px;
    font-size: 1em;
}


.footer-address img{
	margin-bottom: 20px;
}

.footer-address p{
    font-family: "Alice", serif;
    font-size: 0.95em;
    line-height: 1.8em;
    color: #999999;
}


.footer-address p a{
	font-family: "Alice", serif;
	color: #999999;
}

.footer-address p a:hover{
	color: #CCCCCC;
}



/*  Footer menus  */

.region-footer-second{
	display: flex;
}

.region-footer-second nav,
.region-footer-second div#block-lusaka-followus{
	width: 33.33%;
}

.region-footer-second nav h5,
.region-footer-second #block-lusaka-followus h2{
	font-family: "Alice", serif;
    font-weight: normal;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--cb-red-200);
}



.region-footer-second .nav-item a{
	font-family: "Alice", serif;
	padding: 0 0 8px 0;
    color: #999999;
}

.region-footer-second .nav-item a::after{
	display: none;
}

.region-footer-second .nav-item a:hover{
	color: #CCCCCC;
}


.footer-follow ul{
	padding: 0;
    list-style-type: none;
    display: flex;
}

.footer-follow ul li a{
	display: block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    text-indent: -99999px;
    background-size: 35px;
    background-repeat: no-repeat;
	background-position: center;
}



.footer-follow ul li.instagram a{
	background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56.7 56.7" enable-background="new 0 0 56.7 56.7" xml:space="preserve"><g><path d="M28.2,16.7c-7,0-12.8,5.7-12.8,12.8s5.7,12.8,12.8,12.8S41,36.5,41,29.5S35.2,16.7,28.2,16.7z M28.2,37.7 c-4.5,0-8.2-3.7-8.2-8.2s3.7-8.2,8.2-8.2s8.2,3.7,8.2,8.2S32.7,37.7,28.2,37.7z" fill="%23999999"/><circle cx="41.5" cy="16.4" r="2.9" fill="%23999999"/><path d="M49,8.9c-2.6-2.7-6.3-4.1-10.5-4.1H17.9c-8.7,0-14.5,5.8-14.5,14.5v20.5c0,4.3,1.4,8,4.2,10.7c2.7,2.6,6.3,3.9,10.4,3.9 h20.4c4.3,0,7.9-1.4,10.5-3.9c2.7-2.6,4.1-6.3,4.1-10.6V19.3C53,15.1,51.6,11.5,49,8.9z M48.6,39.9c0,3.1-1.1,5.6-2.9,7.3 s-4.3,2.6-7.3,2.6H18c-3,0-5.5-0.9-7.3-2.6C8.9,45.4,8,42.9,8,39.8V19.3c0-3,0.9-5.5,2.7-7.3c1.7-1.7,4.3-2.6,7.3-2.6h20.6 c3,0,5.5,0.9,7.3,2.7c1.7,1.8,2.7,4.3,2.7,7.2V39.9L48.6,39.9z" fill="%23999999"/></g></svg>');
}

.footer-follow ul li.facebook a{
	background-image: url('data:image/svg+xml,<svg data-name="Layer 1" id="Layer_1" viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;stroke:%23999999;stroke-miterlimit:10;stroke-width:6.5px;}</style></defs><title/><path class="cls-1" d="M53.68,38.26v15.1H37.11V72H53.68v42H73.29V72H90l2-18.63H73.29V38.26c0-2.67,2.11-4,3-4.82,1.57-1.34,9.15-1.55,9.15-1.55h7.43V15a93.26,93.26,0,0,0-11.68-1C53.11,14,53.68,38.26,53.68,38.26Z"/></svg>');
}

.footer-follow ul li.twitter-x a{
	background-size: 29px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" width="24px" height="24px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path d="M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717  l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339  l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z" fill="%23999999"/></svg>');
}


.footer-copy{
	margin-top: 60px;
    border-top: 1px solid #666;
    padding-top: 40px;
    color: #999999;
    font-size: 0.9em;
    text-align: center;
}

.footer-copy a{
	color: #999999;
}

.footer-copy a:hover{
	color: #CCCCCC;
}



/*  Work page  */

.page-node-type-work .block-page-title-block{
	display: none;
}

.page-node-type-work .top-work-section{
	position: relative;
    height: 600px;
    overflow: hidden;
	margin-bottom: 60px;
}

.page-node-type-work .block-field-blocknodeworkfield-detailed-title,
.page-node-type-work .block-field-blocknodeworkfield-work-summary{
	position: relative;
    z-index: 3;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    font-family: "Alice", sans-serif;
    color: #FFF;
}

.page-node-type-work .block-field-blocknodeworkfield-detailed-title{
	top: -620px;
	font-size: 1.6em;
	font-weight: 600;
}

.page-node-type-work .block-field-blocknodeworkfield-work-summary{
	top: -590px;
	font-size: 1.2em;
	font-weight: 500;
}

.page-node-type-work .bottom-work-section .layout__region{
	width: 800px;
    margin: 0 auto;
}

.page-node-type-work .field--name-body{
	margin-bottom: 40px;
}

.page-node-type-work .bottom-work-section .block-field-blocknodeworkbody h2.block-title{
	font-family: "Alice", sans-serif;
    font-size: 1.6em;
    color: var(--cb-red-300);
	margin-bottom: 30px;
}

.page-node-type-work .bottom-work-section .field--name-body p{
	font-family: "Alice", sans-serif;
    font-size: 1.3em;
}

.page-node-type-work .field--name-field-services-rendered{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.page-node-type-work .field--name-field-services-rendered .field__item{
	font-family: "Alice", sans-serif;
    font-size: 1.2em;
    width: calc(50% - 10px);
    padding: 10px 0 10px 20px;
    background-position-y: center;
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: 15px;
	background-image: url('data:image/svg+xml,<svg height="512px" id="Layer_1" style="enable-background:new 0 0 512 512;" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M417.4,224H288V94.6c0-16.9-14.3-30.6-32-30.6c-17.7,0-32,13.7-32,30.6V224H94.6C77.7,224,64,238.3,64,256  c0,17.7,13.7,32,30.6,32H224v129.4c0,16.9,14.3,30.6,32,30.6c17.7,0,32-13.7,32-30.6V288h129.4c16.9,0,30.6-14.3,30.6-32  C448,238.3,434.3,224,417.4,224z" fill="%23FF0000" /></svg>');
}


.page-node-type-work .field--name-field-work-url{
	display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.page-node-type-work .field--name-field-work-url a{
	background-color: var(--cb-red-300);
    border-color: var(--cb-red-300);
    color: #FFF;
    font-family: 'Inter', serif;
    font-size: 0.9em;
    font-weight: 600;
    border-radius: 7px;
    padding: 16px 30px;
    text-transform: uppercase;
}

.page-node-type-work .field--name-field-work-url a:hover{
	background-color: var(--cb-red-600);
    border-color: var(--cb-red-600);
}

.page-node-type-work .field--name-field-work-pictures{
	text-align: center;
}

.page-node-type-work .field--name-field-work-pictures .field__item{
	margin-bottom: 40px;
}