body{background-color:#fff;}
.page-wrapper{max-width:100%;}
.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main{max-width:80%;}
.page-header{background-color:#fff;border-color:#0f52ba;}
.page-header .panel.wrapper{background-color:#0f52ba;}
.page-header .block-search .input-text{border-color:#0f52ba;background:#f7f9fb;}
.block-search.block-swissup-ajaxsearch.inline .field.search .input-text{box-shadow:0 0 0 3px #1e00ff;}
.page-header .block-search.inline .action.close{color:#000000;}
.page-footer{background:#0f52ba;background-color:#0f52ba;color:#ffffff;}
.footer.content .links a, .footer.content .links a:visited, .page-footer .footer-toolbar-top a, .page-footer .footer-toolbar-top .alink{color:#ffffff;}
.footer.content .links a:hover, .footer.content .links a:visited:hover, .page-footer .footer-toolbar-top a:hover, .page-footer .footer-toolbar-top .alink:hover{color:#ffffff;}
.page-footer div.title, .page-footer .block.newsletter .label{color:#f7f7f7;}
.page-footer .footer.content .block.newsletter .action.subscribe{background-color:#dedede;}
.page-footer .footer.content .block.newsletter .action.subscribe:hover, .page-footer .footer.content .block.newsletter .action.subscribe:focus, .page-footer .footer.content .block.newsletter .action.subscribe:active{background-color:#ebebeb;}
.action.primary{background:#0f52ba;border-color:#0f52ba;}
.action.primary:hover, .action.primary:focus, .action.primary:active{background:#115DD2;border-color:#115DD2;}
button, .abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .product.data.items .review-add .review-form .action.submit.primary, .cms-index-index a.button:not(.primary), .cms-index-index .column.main .block .actions-toolbar .action.view, .background-divider.element .content .action{background:#0f52ba;border-color:#0f52ba;}
button:hover, .abs-revert-secondary-color:hover, .abs-revert-to-action-secondary:hover, .paypal-review .block .actions-toolbar .action.primary:hover,.abs-discount-block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.cancel:hover, .block-compare .action.primary:hover, .cart-summary .block .actions-toolbar > .primary .action.primary:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .paypal-review-discount .actions-toolbar .action.primary:hover, .paypal-review-discount .actions-toolbar .action.cancel:hover, .cart-discount .actions-toolbar .action.primary:hover, .cart-discount .actions-toolbar .action.cancel:hover, .product.data.items .review-add .review-form .action.submit.primary:hover, .cms-index-index a.button:not(.primary):hover, .cms-index-index .column.main .block .actions-toolbar .action.view:hover, .background-divider.element .content .action:hover, /*ACTIVE STATE*/ button:active, .abs-revert-secondary-color:active, .abs-revert-to-action-secondary:active, .paypal-review .block .actions-toolbar .action.primary:active,.abs-discount-block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.cancel:active, .block-compare .action.primary:active, .cart-summary .block .actions-toolbar > .primary .action.primary:active, .cart-summary .form.giftregistry .fieldset .action.primary:active, .paypal-review-discount .actions-toolbar .action.primary:active, .paypal-review-discount .actions-toolbar .action.cancel:active, .cart-discount .actions-toolbar .action.primary:active, .cart-discount .actions-toolbar .action.cancel:active, .product.data.items .review-add .review-form .action.submit.primary:active, .cms-index-index a.button:not(.primary):active, .cms-index-index .column.main .block .actions-toolbar .action.view:active, .background-divider.element .content .action:active, /*FOCUS STATE*/ button:focus, .abs-revert-secondary-color:focus, .abs-revert-to-action-secondary:focus, .paypal-review .block .actions-toolbar .action.primary:focus,.abs-discount-block .actions-toolbar .action.primary:focus, .abs-discount-block .actions-toolbar .action.cancel:focus, .block-compare .action.primary:focus, .cart-summary .block .actions-toolbar > .primary .action.primary:focus, .cart-summary .form.giftregistry .fieldset .action.primary:focus, .paypal-review-discount .actions-toolbar .action.primary:focus, .paypal-review-discount .actions-toolbar .action.cancel:focus, .cart-discount .actions-toolbar .action.primary:focus, .cart-discount .actions-toolbar .action.cancel:focus, .product.data.items .review-add .review-form .action.submit.primary:focus, .cms-index-index a.button:not(.primary):focus, .cms-index-index .column.main .block .actions-toolbar .action.view:focus, .background-divider.element .content .action:focus{background:#115DD2;border-color:#115DD2;}
.tocart.action, .block.soldtogether-block .soldtogether-cart-btn, .bundle-actions .action.primary.customize{background:#0f52ba;border-color:#0f52ba;}
.tocart.action:hover, .block.soldtogether-block .soldtogether-cart-btn:hover, .bundle-actions .action.primary.customize:hover, .tocart.action:active, .block.soldtogether-block .soldtogether-cart-btn:active, .bundle-actions .action.primary.customize:active, .tocart.action:focus, .block.soldtogether-block .soldtogether-cart-btn:focus, .bundle-actions .action.primary.customize:focus{background:#115DD2;border-color:#115DD2;}
.page-title-wrapper .page-title, .catalog-product-view .column.main > .block .block-title [role="heading"]{color:#5C7184;}
div.block .block-title strong, .block.askit-question-form > .block-title strong, .contact.form .legend, .column.main .block-title [aria-level="3"], div.block .content-heading [role="heading"]{color:#002D57;}
.product-info-main .product-info-price .price-box .price-container [data-price-type=finalPrice] .price, .product-info-main .product-info-price .price-box .price-container [data-price-type=minPrice] .price, .product-info-main .product-info-price .price-box .price-container [data-price-type=maxPrice] .price, .bundle-options-container .block-bundle-summary .price-box [data-price-type=finalPrice] .price{color:#0f52ba;}
body {
    --devantech-blue: #0f52ba;
    --devantech-blue-light: #115DD2;
    --darkgrey: #999;
    --lightgrey: #f7f7f7;
    --light-background: #fff;
    --header-text: #002D57;
    --body-text: #5C7184;
    --table-head: #5A5A66;
    
    /* Colors from main theme to be replaced */
    --home-color__lightgray: #f7f7f7;
    --color-lightgray: #f7f7f7;
  	--color-blue: #1e00ff;
    --color-tomato: #1e00ff;
    --home-color__red: #1e00ff;
    --swiper-theme-color: #1e00ff;
}

/*
The login button on the sign up modal pop up
*/
.block-authentication .action.action-login {
    background: var(--devantech-blue);
}
.block-authentication .action.action-login:hover {
    background: var(--devantech-blue-light);
}

/*
The create account button
*/
.block-authentication .action.action-register {
    color: var(--devantech-blue);
}
.block-authentication .action.action-register:visited {
    color: var(--devantech-blue);
}

/*
The little page selector at the bottom of the product screens
*/
.pages a.page:hover {
  	color: var(--devantech-blue);
    background-color: var(--lightgrey);
}
.pages strong.page {
    background: var(--lightgrey);
}
/*
This is the next page button at the bottom of the screen with
the little arrow in it.
*/
.pages .action:hover {
  background: var(--lightgrey);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMiIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDIyIDE4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMiAxTDIwIDlMMTIgMTciIHN0cm9rZT0iIzAwMkQ1NyIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggZD0iTTIwIDlIMCIgc3Ryb2tlPSIjMDAyRDU3IiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=');
    background-repeat: no-repeat;
  	background-position: center;
}

/*
Style all the headers
*/
h1::after {
  content: '';
  border: 2px solid var(--devantech-blue);
 width: 70px;
  display: inline-block;
  margin-left: 16px;  
}

h2::after {
  content: '';
  border: 2px solid var(--devantech-blue);
  width: 70px;
  display: inline-block;
  margin-left: 16px;  
}

/*
Remove the subtitle from the category pages
*/
.page-title-wrapper .subtitle {
    display: none;
  font-size: 1em;
  color: var(--darkgrey);
}


/*
The breadcrumb link at the top of the page.
*/
.breadcrumbs a:hover {
    color: var(--devantech-blue);
}


/* Make links in the header white so that they show on the blue background */
.header.panel .header-cms-links a {
  color: #fff;
}

/* make sure the background of the header menu is always white or we cant see it on mobile */
.header.header.content {
    background-color: #fff;
}

/* Set the hover effect of the top menu navigation items */
.navpro.navpro .level0 > .level-top:hover {
    color: var(--devantech-blue);
}
.navpro .level0 .children > li > a:hover, .navpro .level0 .children .parent > a:hover {
    color: var(--devantech-blue);
}

/* Deal with the menu on mobile screens */
@media only screen and (max-width: 767px) {
  	
    /* Text colour of a pop out menu item on mobile when pressed */
    .nav-sections .navigation a.level-top:hover {
    	color: var(--devantech-blue) !important;
  	}
    
    /* Make the mobile menu fill the container */
    .navigation {
        max-width: none;
    }

    /*
    In the nav menu on mobile there are menu items
    at the top for "menu" and "account". These are
    blue with white text when active, and white
    with blue text when inactive.
    */
    
    /* This setts the active item to blue */
	.nav-sections-item-title.active {
    	background: var(--devantech-blue);
    	border: solid #000;
      color: #fff;
    	border-top-width: medium;
    	border-right-width: medium;
    	border-bottom-width: medium;
    	border-left-width: medium;
    	border-width: 0 0 2px;
  	}
    
    .nav-sections-item-title.active a {
		color: #fff;
	}
    
    .nav-sections-item-title.active a:hover {
		color: #fff;
	}
  
    /* This sets the inactive item to white */
	.nav-sections-item-title {
    	background: #fff;
    	border: solid #000;
        color: var(--devantech-blue);
    	border-top-width: medium;
   		border-right-width: medium;
    	border-bottom-width: medium;
    	border-left-width: medium;
    	border-width: 0 0 2px;
    	border-left-width: 0px;
    	font-weight: bold;
    	height: 58px;
    	text-transform: uppercase;
    	padding: 18px 0 0;
  	}
    
    .nav-sections-item-title a {
    	color: var(--devantech-blue);
  	}
	
    .nav-sections-item-title a:hover {
    	color: var(--devantech-blue-light);
        text-decoration-line: underline;
  	}
}

/*
Sidebar menu
*/
.sidebar .block.block-navpro, .sidebar .block.filter {
    background: var(--lightgrey);
}

/*
Borders on sidebar items
*/
@media (min-width: 768px), print {
  .sidebar .block {
    border: 3px solid var(--lightgrey);
    border-radius: 4px;
    padding: 24px 14px;
  }
}

.social-icons .fa-stack {
  color: var(--darkgrey);
}

.social-icons .fa-stack:hover {
  color: var(--devantech-blue);
}

/*
Filter option links
*/
.filter-options-content a:visited {
	color: #494949;
}
.filter-options-content a:hover {
    color: var(--devantech-blue);
 	background-color: var(--lightgrey);
 	text-decoration: underline;
}


/* Set the clicked top menu item active colour */
.navigation .level0.active > .level-top, 
.navigation .level0.has-active > .level-top {
	color: var(--header-text);
    text-decoration: underline;
}

/* The border around an icon */
.element .bg-border {
  	border: 3px solid var(--devantech-blue);
}

/* Background container for small highlight icons on mobile */
.element.icon-text-small .icons {
  background-color: #fff;
}


/* Non link text in the footer */
.privacy, .privacy a,
.footer-links .item > .content {
  color: #fff;
}

/* Add the little white bar after the titles in the footer */
.page-footer div.title::after {
  content: '';
  border: 1px solid #fff;
  width: 30px;
  display: inline-block;
  margin-left: 7px;
}

/* Make title in footer bold */
.footer-links .item > .title {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 1.8rem;
}

/* Formatting the subscribe part of the footer properly */
@media (min-width: 768px), print {
  .block.newsletter {
    max-width: 44%;
    width: 100%;
  }
}

.footer.content .footer-newsletter {
    padding: 2em;
}

/* Text colour of the subscribe button */
.footer.content .block.newsletter .action.subscribe,
.footer.content .block.newsletter .action.subscribe:hover {
    color: var(--header-text); /*#0d0d0d;*/
}

.footer.content .block.newsletter .grecaptcha-badge {
    box-shadow: 0px 0px;
}

.footer.content .block.newsletter .actions {
  margin-bottom: 12px;
}

/* Invert colour of arrow in subscribe button so it can be seen */
.footer.content .block.newsletter .action.subscribe span::after {
    filter: invert(0.6);
}

/* The background colour of the product grids on the home page */
#products-grid.jumbotron {
    background-color: var(--lightgrey);
}

/* The bar above the footer content */
.footer-toolbar-top {
    border-top: 2px solid var(--devantech-blue);
    background-color: var(--lightgrey);
}

/* The news box */
.element.news {
    background-color: var(--lightgrey);;
}


/* Making the little arrow after the read more link in the news section a blue arrow to match the text rather than the red one it has on theme default.*/
.element.news .post-list .post-content .read-more-link::after {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjIyIgogICBoZWlnaHQ9IjE0IgogICB2aWV3Qm94PSIwIDAgMjIgMTQiCiAgIGZpbGw9Im5vbmUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzIiCiAgIHNvZGlwb2RpOmRvY25hbWU9ImltYWdlLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS40LjQgKGRjYWYzZTdkOWUsIDIwMjYtMDUtMDUpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0ibmFtZWR2aWV3MiIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiMwMDAwMDAiCiAgICAgYm9yZGVyb3BhY2l0eT0iMC4yNSIKICAgICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIGlua3NjYXBlOnpvb209IjQxLjcxOTMiCiAgICAgaW5rc2NhcGU6Y3g9IjEwLjQ2Mjc4MyIKICAgICBpbmtzY2FwZTpjeT0iOC40MjUzNTcxIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDI4IgogICAgIGlua3NjYXBlOndpbmRvdy14PSIwIgogICAgIGlua3NjYXBlOndpbmRvdy15PSIyNCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+CiAgPHBhdGgKICAgICBkPSJNMTQgMUwyMCA3TDE0IDEzIgogICAgIHN0cm9rZT0iI0Y2NjU2MCIKICAgICBzdHJva2Utd2lkdGg9IjIiCiAgICAgaWQ9InBhdGgxIgogICAgIHN0eWxlPSJzdHJva2U6IzBmNTJiYTtzdHJva2Utb3BhY2l0eToxIiAvPgogIDxwYXRoCiAgICAgZD0iTTIwIDdIMCIKICAgICBzdHJva2U9IiNGNjY1NjAiCiAgICAgc3Ryb2tlLXdpZHRoPSIyIgogICAgIGlkPSJwYXRoMiIKICAgICBzdHlsZT0iZmlsbDojMGY1MmJhO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMGY1MmJhO3N0cm9rZS1vcGFjaXR5OjEiIC8+Cjwvc3ZnPgo=")
};

.element.news .block-title [role="heading"]::after {
    border: 2px solid var(--devantech-blue);
}

/* Bunch of lines after headings on the main page */
@media (min-width: 768px), print {
	.abs-title-centered [role="heading"]::after, 
    .cms-index-index .block-explore > .container > .block-title [role="heading"]::after, 
    .element.icon-text-top .block-title [role="heading"]::after,
    .element.news .block-title [role="heading"]::after, 
    .element .testimonials-slider .content-heading [role="heading"]::after {

      border: 2px solid var(--devantech-blue);
      
	}
}

/* The little blue header line before the news title */ 
@media (min-width: 768px), print {
	.abs-title-centered [role="heading"]::before, 
    .cms-index-index .block-explore > .container > .block-title [role="heading"]::before,
    .element.icon-text-top .block-title [role="heading"]::before,
    .element.news .block-title [role="heading"]::before,
    .element .testimonials-slider .content-heading [role="heading"]::before {
 
      border: 2px solid var(--devantech-blue);
      
  }
}

/* bunch of things to have blue background on mobile */
@media only screen and (max-width: 767px) {
  	.breadcrumbs, 
    .page-header 
    .header.panel,  
    .footer.content, 
    .page-wrapper > .widget, 
    .page-wrapper > .page-bottom, 
    .block.category.event, 
    .top-container {

    background-color: var(--devantech-blue);
  }
}

.footer.content {
    background: var(--devantech-blue);
}
/* colour of box around subscribe form on main page */
.footer.content .footer-newsletter {
  background: var(--devantech-blue-light);/*#1f4cff;*/
}

/* Background of the news items */
.element.news .content {
    background-color: var(--lightgrey);;
}

/* Product prices ib blue */
.product-item .price-box [data-price-type="finalPrice"] .price,
.product-item .price-box > .regular-price .price,
.product-item .price-box > .minimal-price .price,
.product-item .price-box > .price-from .price, 
.product-item .price-box > .price-to .price {
  color: var(--devantech-blue);
}


/* The price "as low as" label in the product grids */
.minimal-price-link,
.minimal-price-link:hover,
.minimal-price-link:visited,
.minimal-price-link:active,
.product-item .price-box .price-label, 
.product-item .price-box .price-container { 
    color: var(--darkgrey);
}



/* Add to cart button on the proguct grids */
@media (min-width: 768px), print {
    .products-grid .product-item .prolabels-wrapper .tocart 	{
        border: 1px solid var(--devantech-blue);
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS43NTggNi43MTV2LS43M0M1Ljc1OCAzLjIzMyA3Ljc5IDEgMTAuMjk2IDFoLjIzNWMyLjUwNiAwIDQuNTM4IDIuMjMyIDQuNTM4IDQuOTg2di43MyIgc3Ryb2tlPSIjMUUwMEZGIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNi4yOCAxOC42bDMuMDA4LTExLjEzNEguOTc5TDMuOTg3IDE4LjZIMTYuMjh6IiBzdHJva2U9IiMxRTAwRkYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbWl0ZXJsaW1pdD0iMS41IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9zdmc+'); 
    }
}

/****************************************************
Contact us page
*****************************************************/

/*.product.data.items:not(.accordion, .expanded) > .item.content,*/
.contact-index-index .contact-wrapper {
	background: #fff;
    border: 2px solid var(--devantech-blue);
    margin-top: 10px;
}

.contact-index-index .company-wrapper {
	background: #fff;
    border: 2px solid var(--devantech-blue);
}

.contact-index-index .contact-form-wrapper {
    padding: 50px;
    background: var(--lightgrey);
    border: 2px solid var(--devantech-blue);
}

.abs-page-title-with-line .page-title::after, .page-products .main > :first-child .page-title::after, .account .main .page-title::after, .contact-index-index .page-title-wrapper .page-title::after {
  content: '';
  border: 2px solid var(--devantech-blue);
  width: 70px;
  display: inline-block;
  margin-left: 16px;
}

.fieldset > .field.required > .label::after, .fieldset > .fields > .field.required > .label::after, .fieldset > .field._required > .label::after, .fieldset > .fields > .field._required > .label::after {
  content: '*';
  color: var(--devantech-blue);
  font-size: 1.4rem;
  margin: 0 0 0 5.5px;
}

/*************************************************
Generic link colours
**************************************************/

/* Links to blue */
a,
a:hover,
a:active,
a:visited {
	color: var(--devantech-blue);/*#adadad*/;
}

.privacy a,
.privacy a:hover,
.privacy a:active,
.privacy a:visited {
    color: var(--lightgrey);
}

/* Product grid links to grey */
.alink {
    color: var(--color-lightgray);
}

.alink:hover,
.alink:visited,
.alink:active {
  	color: var(--devantech-blue));
}

.action.add,
.action.add:active,
.action.add:focused {
	color: var(--devantech-blue);
}


.action.add:hover {
	color: var(--devantech-blue-light);
}

ul {
  list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE0IgogICBoZWlnaHQ9IjEwIgogICB2aWV3Qm94PSIwIDAgMTQgMTAiCiAgIGZpbGw9Im5vbmUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHNvZGlwb2RpOmRvY25hbWU9InRpY2suc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjQuMyAoMGQxNWY3NTA0MiwgMjAyNS0xMi0yNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgaW5rc2NhcGU6em9vbT0iODIuNiIKICAgICBpbmtzY2FwZTpjeD0iNy4wMDM2MzIiCiAgICAgaW5rc2NhcGU6Y3k9IjUiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMjgiCiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjI0IgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMSIgLz4KICA8cGF0aAogICAgIGQ9Ik0xIDQuMDU1NjJMNS40MjIxOSA4LjQ3NzgxTDEyLjkgMC45OTk5OTgiCiAgICAgc3Ryb2tlPSIjRjY2NTYwIgogICAgIHN0cm9rZS13aWR0aD0iMiIKICAgICBpZD0icGF0aDEiCiAgICAgc3R5bGU9InN0cm9rZTojMWUwMGZmO3N0cm9rZS1vcGFjaXR5OjEiIC8+Cjwvc3ZnPgo=');

}

/******************************************************
Custom table colours
*******************************************************/

.dsdata-table {
    margin-top: 20px;
    border: none;
}

.dsdata-table th {
  font-weight: bold;
  color: #fff;
  background: var(--table-head);
  border-right: 2px solid #fff;
}

.dsdata-table tr:nth-child(2n) {
  background-color: var(--lightgrey);
    border: none;
}

/*******************************************************
News item css
********************************************************/

.news-item {
    padding: 30px;
    max-width: 800px;
    display: inline-block;
}

.news-item h1::after {
  	content: '';
  	border: 2px solid var(--devantech-blue);
 	width: 70px;
  	display: inline-block;
  	margin-left: 16px;  
}

.news-item .news-date sub {
    color: var(--darkgrey);
    text-decoration-line: underline;
}

/**************************************************************
Product page
***************************************************************/



.fotorama__active .fotorama__dot {
  background-color: var(--devantech-blue);
  border-color: var(--devantech-blue);
}

/* Remove the filter from the product image */
@media (min-width: 768px), print {
  .fotorama__stage .fotorama__img, .fotorama__nav-wrap .fotorama__img {
    filter: none; /*contrast(94%);*/
  }
}

/* Make the little border on the thumbnail blue */
.fotorama .fotorama__thumb-border {
    border-color: var(--devantech-blue);
}

/* pull the tabs to the left */
.product.data.items:not(.accordion, .expanded) {
    justify-content: left;
    
}

.product.data.items:not(.accordion, .expanded) > .item.content,
.product.data.items > .item.content {
	background: #fff;
    border: 2px solid var(--devantech-blue);
    margin-top: 0px;
}

.product.data.items > .item.content a,
.product.data.items > .item.content a:hover,
.product.data.items > .item.content a:visited,
.product.data.items > .item.content a:active {
    color: var(--devantech-blue);
}

.product.data.items > .item.content tr:nth-child(even) {
  background-color: var(--lightgrey);
}

.product.data.items > .item.content th {
  font-weight: bold;
    color: #fff;
    background: var(--table-head);
    border-right: 2px solid #fff;
}

.product.data.items > .item.content td {
	word-wrap: anywhere;
}

.product.data.items > .item.content li {
 	color: #5C7184;
    list-style-image: none;
    list-style-type: disc;
    
}

.product.data.items > .item.content h2::after {
  content: '';
  border: 2px solid var(--devantech-blue);
  width: 70px;
  display: inline-block;
  margin-left: 16px;
  
}

#product\.info\.description p {
  color: #5C7184;;
}

 /*
Style of the active tab button
*/
.product.data.items:not(.accordion) > .item.title.active > .switch:focus,
.product.data.items:not(.accordion) > .item.title.active > .switch:hover,
.product.data.items:not(.accordion) > .item.title.active > .switch,
.item.title:not(.disabled) > .switch:hover,
.item.title.active > .switch:hover,
.item.title:not(.disabled) > .switch:active, 
.product.data.items > .item.title.active > .switch, 
.product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover {
    background-color: var(--devantech-blue);
    border: 2px solid var(--devantech-blue);
    color: #fff;
    border-radius: 4px 4px 0px 0px;
}

/*
Style of inactive tab buttons, but no hovering on them
*/
.product.data.items:not(.accordion) > .item.title > .switch,
.product.data.items:not(.accordion) > .item.title > .switch:focus,
.product.data.items:not(.accordion) > .item.title > .switch:visited,
.product.data.items:not(.accordion) > .item.title > .switch:active,
.product.data.items > .item.title > .switch,
.product.data.items > .item.title > .switch:focus,
.product.data.items > .item.title > .switch:visited,
.product.data.items > .item.title > .switch:active 
{
    border: 2px solid #fff;
    background: #fff;
    color: var(--devantech-blue);
    border-radius: 4px 4px 0px 0px;
}

/*
Hover styles over inactive tab buttons.
*/
.product.data.items > .item.title:not(.disabled) > .switch:hover,
.product.data.items:not(.accordion) > .item.title > .switch:hover,
.product.data.items > .item.title > .switch:hover {
    border: 2px solid var(--devantech-blue);
    background: #fff;
    color: var(--devantech-blue);
    border-radius: 4px 4px 0px 0px;
}

/*
Mobile only product screen styles
*/
@media only screen and (max-width: 767px) {
    
    /*
	The inactive accordians on mobile have to have a border or they
	just look a bit odd floating there
	*/
    .product.data.items:not(.accordion) > .item.title > .switch,
	.product.data.items:not(.accordion) > .item.title > .switch:focus,
	.product.data.items:not(.accordion) > .item.title > .switch:visited,
	.product.data.items:not(.accordion) > .item.title > .switch:active,
	.product.data.items > .item.title > .switch,
	.product.data.items > .item.title > .switch:focus,
	.product.data.items > .item.title > .switch:visited,
	.product.data.items > .item.title > .switch:active 
	{
	    border: 2px solid var(--devantech-blue);
	    background: #fff;
	    color: var(--devantech-blue);
        border-radius: 4px;
	}
    
    /*
    The margin on the content area to 0
    */
    .product.data.items:not(.accordion, .expanded) > .item.content {
        margin-left: 0px;
        margin-right: 0px;
        border: none;
    }
    
}

/*
Trying to make the lines after the headings blue
*/
.image-block.element .info h2.heading::after,
.abs-title-with-line [role="heading"]::after, .block-categories .block-title [role="heading"]::after, .cms-index-index .block-brands .block-title [role="heading"]::after, .block.related .block-title [role="heading"]::after, .soldtogether-block .block-title [role="heading"]::after, .soldtogether-swiper .block-title [role="heading"]::after, .element.brands-slider .block-title [role="heading"]::after, .element.products-grid .block-title [role="heading"]::after, .element.products-slider .block-title [role="heading"]::after {
    border-color: var(--devantech-blue);
}

/*
Trying to make the heading all the same colour
*/
.catalog-product-view .column.main > .block .block-title [role="heading"] {
    color: #002D57;
}

.block.related .block-content, 
.soldtogether-block .block-content, 
.soldtogether-swiper .block-content {
	background-color: #f7f7f7;  
}

#reviews .block.review-add {
    background: var(--lightgrey);
}

/******************************************************************
Create account page
*******************************************************************/

/* color of the create, and forgot links */

.login-container .block-new-customer .actions-toolbar > .primary .create,
.login-container .block-new-customer .actions-toolbar > .primary .create:visited,
.login-container .block-new-customer .actions-toolbar > .primary .create:hover,
.login-container .block-new-customer .actions-toolbar > .primary .create:active,
.login-container .actions-toolbar > .secondary .remind,
.login-container .actions-toolbar > .secondary .remind:hover,
.login-container .actions-toolbar > .secondary .remind:active {
    color: var(--devantech-blue);
}

/* Checkbox has blue tick */
input[type="checkbox"]::after {
    content: ' ';
  	position: absolute;
  	height: 6px;
  	width: 12px;
    border: 2px solid #1e00ff;
    border-top: none;
  	border-right: none;
  	box-sizing: border-box;
  	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -75%) rotate(-45deg);
}

/* Bunch of forms to have black backgrounds */
.form.password.reset, 
.form.send.confirmation, 
.form.password.forget, 
.form.create.account, 
.form.search.advanced, 
.form.form-orders-search, 
.form.testimonial, 
.login-container {
    background-color: #f7f7f7; 
}

.form-create-account .fieldset.create.account::after {
    color: var(--devantech-blue);
}

.page-title-wrapper .page-title {
    color: var(--header-text);
}

/*input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="url"]::placeholder, input[type="tel"]::placeholder, input[type="search"]::placeholder, input[type="number"]::placeholder, input[type*="date"]::placeholder, input[type="email"]::placeholder
*/

textarea:focus-visible,
input:focus-visible {
  outline: 2px solid var(--devantech-blue);
}

/*
The big blue star ratings on the product review tab
*/
.review-control-vote label::before, 
.review-control-vote::before {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE2IgogICBoZWlnaHQ9IjE1IgogICB2aWV3Qm94PSIwIDAgMTYgMTUiCiAgIGZpbGw9Im5vbmUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHNvZGlwb2RpOmRvY25hbWU9InN0YXIuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjQuMyAoMGQxNWY3NTA0MiwgMjAyNS0xMi0yNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgaW5rc2NhcGU6em9vbT0iNTUuMDY2NjY3IgogICAgIGlua3NjYXBlOmN4PSI3Ljk5OTM5NDciCiAgICAgaW5rc2NhcGU6Y3k9IjcuNSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAyOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjQiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcxIiAvPgogIDxwYXRoCiAgICAgZD0iTTggMEwxMC4xMTYgNS4wODc1NEwxNS42MDg1IDUuNTI3ODZMMTEuNDIzOCA5LjExMjQ2TDEyLjcwMjMgMTQuNDcyMUw4IDExLjZMMy4yOTc3MiAxNC40NzIxTDQuNTc2MiA5LjExMjQ2TDAuMzkxNTQ4IDUuNTI3ODZMNS44ODM5NyA1LjA4NzU0TDggMFoiCiAgICAgZmlsbD0iI0Y2NjU2MCIKICAgICBpZD0icGF0aDEiCiAgICAgc3R5bGU9ImZpbGw6IzFlMDBmZjtmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg==') repeat no-repeat left top / 26px 24px;
}

/*
The little blue star ratings on your reviews summary page
*/
.rating-summary .rating-result::before, 
.rating-summary .rating-result > span::before {
    	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjE2IgogICBoZWlnaHQ9IjE1IgogICB2aWV3Qm94PSIwIDAgMTYgMTUiCiAgIGZpbGw9Im5vbmUiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHNvZGlwb2RpOmRvY25hbWU9InN0YXIuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjQuMyAoMGQxNWY3NTA0MiwgMjAyNS0xMi0yNSkiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgaW5rc2NhcGU6em9vbT0iNTUuMDY2NjY3IgogICAgIGlua3NjYXBlOmN4PSI3Ljk5OTM5NDciCiAgICAgaW5rc2NhcGU6Y3k9IjcuNSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTAyOCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjQiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcxIiAvPgogIDxwYXRoCiAgICAgZD0iTTggMEwxMC4xMTYgNS4wODc1NEwxNS42MDg1IDUuNTI3ODZMMTEuNDIzOCA5LjExMjQ2TDEyLjcwMjMgMTQuNDcyMUw4IDExLjZMMy4yOTc3MiAxNC40NzIxTDQuNTc2MiA5LjExMjQ2TDAuMzkxNTQ4IDUuNTI3ODZMNS44ODM5NyA1LjA4NzU0TDggMFoiCiAgICAgZmlsbD0iI0Y2NjU2MCIKICAgICBpZD0icGF0aDEiCiAgICAgc3R5bGU9ImZpbGw6IzFlMDBmZjtmaWxsLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg==') repeat no-repeat left top / 26px 24px;
	background-size: 13px 12px;
}

/******************************************************
Compare page
*******************************************************/

.comparison .table-comparison .tgl-flip + .tgl-btn:hover::before {
    background: var(--devantech-blue-light);
}
.comparison .table-comparison .tgl-flip + .tgl-btn::before {
    background: var(--devantech-blue);
}

/*********************************************************
Cart
**********************************************************/

/*
Sign in button on the view and edit cart page.
*/
.page-layout-checkout .authentication-wrapper .action-auth-toggle {
    color: var(--devantech-blue);
}

/* The product name link in the minicart */
.minicart-items .product-item-name a,
.minicart-items .product-item-name a:hover,
.minicart-items .product-item-name a:visited,
.minicart-items .product-item-name a:active {
    color: var(--devantech-blue);
}

/* The little square that tells you how many items are in your cart */
.minicart-wrapper .action.showcart .counter.qty,
.page-header .minicart-wrapper .action.showcart .counter.qty, 
.page-header .minicart-wrapper .action.showcart.active .counter.qty {
    background: var(--devantech-blue);
}

/* Making the radio buttons blue, not red */
input[type="radio"]::after {
    background: var(--devantech-blue);
}

/* Things in the payment screen to turn blue */
.checkout-payment-method .payment-option-title .action-toggle,
.opc-progress-bar-item._complete > span {
    color: var(--devantech-blue);
}

.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action {
    background: var(--devantech-blue);
}

.checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:hover {
    background: var(--devantech-blue-light);
}


/********************************************
Category pages
********************************************/

.image-block.element .desk {
  padding: 2em;
}

.top-padding-auto-for-bottom-align {
    margin-top: auto;
}

.category-product-type-section {
  background-color: var(--lightgrey);
  margin: 10px;
  border-radius: 10px;
  padding: 20px;
}