/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
#top .hide{display:none!important;}
#top.logged-in .cart.hide,#top.logged-in .login.hide{display:inline-block!important;}
.cover{background-size:cover!important;}
#who-we-work-with{
margin-bottom:50px;
}
div.flex_cell{
background-size:cover!important;
}
#header_cta{
position: absolute;
    top: 10px;
    right: 0;
    z-index: 1000;
    line-height: 1;
   color: #09bfec;
font-size:16px;
}
#header_cta a{
color: #09bfec;
16px;
text-decoration:none!important;
}
span.email{
margin-left: 10px;
    margin-right: 17px;
}
#top .main_menu{
margin-top:60px;z-index:1;
}
#top .av-burger-menu-main{display:none!important;}


/* SEARCH */
#top .widget_product_search.widget {
    left: auto;
    right: 400px;
    padding-top: 0;
    position: absolute;
    top: 0;
    transform: translate(-0%);
    z-index: 1;
    width: 430px;
}
/*#top.logged-in .widget_product_search.widget {display:block;}*/
#top .widget_product_search.widget input[type='search'] {
	line-height: 1.5;
    box-sizing: border-box;
	padding:10px 10px 10px 20px;
    font-size: 14px;
    border: .0625rem solid rgba(0,0,0,.2);
    border-radius: 4px 0 0 4px;
    border-right: 0;
    letter-spacing: .2px;
	float:left;
	width:85%;
	vertical-align:middle;
	margin-bottom:0;
	/*position:relative;
	z-index:1;*/
	background:#fff;
}
#top .widget_product_search.widget input[type='search']::placeholder{
	color: #666666;
}
#top .widget_product_search.widget input[type='search']:focus{box-shadow:none;}
#top .widget_product_search.widget button{
	color: #fff;
    background-color: #fff;
    border: .0625rem solid rgba(0,0,0,.2);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 0;
    margin: 0;
    display: inline-block;
    position: relative;
    padding: 14px 18px;
    z-index: 1;
    font-size: 0;
    height: 43px;
    text-align: center;
    transition: .3s;
    box-sizing: border-box;
    cursor: pointer;
	float:right;
	width:15%;
	vertical-align:center;
}
.widget_product_search button:before {
    content: "\f002";
	font-family: "Font Awesome 5 Free";
    text-align: center;
    display: inline-block;
    font-size: 18px;
	color:#494949;
	font-weight:900;
}
.smart-search-post-price-holder{
	line-height:1.3em;
}
#top .smart-search-results{margin-top:50px;}
#top .smart-search-suggestions>.autocomplete-no-suggestion{line-height:43px;}

/* SINGLE PRODUCT */
#top #main .single-product-main-image .sidebar{display:none;}

/* CART */
.html_visible_cart .cart_dropdown{display:none;}
#mega_main_menu.avia > .menu_holder > .menu_inner > ul > li.cart > .item_link > i:before{font-size:20px;color: #fff;}
#mega_main_menu.avia > .menu_holder > .menu_inner > ul > li.cart > .item_link{color:#fff!important;background-color:#494949!important;}
.header-cart{margin-bottom:20px;align-items: flex-end;}
.header-footer{margin-top:30px;align-items: center;}
.header-cart,.header-footer{display: flex;justify-content: space-between;}
.header-cart .header-cart-message{font-size:1.2em;font-weight:bold;}
div a.remove {
    display: block;
    height: 17px;
    width: 17px;
    text-indent: -9999px;
    background: url(https://www.depltd.co.uk/wp-content/uploads/2021/12/trash.png);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    opacity: .9;
    font-size: 0;
	background-color:transparent!important;
}
.cart-collaterals .cart_totals{float:right;max-width:540px;}
.cart-collaterals .cart_totals h2{display:none;}
div .cart-collaterals .cart_totals table{text-align:right;}
#top table.shop_table{border-collapse:separate;}
#top table.shop_table, #top table.shop_table tr, #top table.shop_table td{border-color:#ddd!important;color:#444;}
#top table.shop_table th{border-color: #ddd!important;border-bottom: none;border-right: none;font-size:13px;}
#top table.shop_table th:last-child{border-right:1px solid;}
#top table.shop_table td.actions{border-left:none;border-right:none;border-bottom:none;}
#top table.shop_table td{border-left:0!important;border-right:none!important;font-size:14px;}
#top table.shop_table td:first-child{border-left:1px solid #ddd!important;}
#top table.shop_table td:last-child{border-right:1px solid #ddd!important;}
#top table.shop_table td.actions:first-child{border-left:none!important;border-right:none!important;}
#top table.shop_table td.actions:last-child{border-right:none!important;}
#top table.shop_table thead tr{background: #f8f8f8;border: 1px solid #ddd!important;}
#top table.shop_table tr.cart-subtotal td, #top table.shop_table tr.tax-total td, #top table.shop_table tr.order-total td{border-bottom:none;}
#top .cart_totals table.shop_table{border-bottom: 1px solid #ddd; border-radius: 0;}
table.shop_table th.product-price,table.shop_table td.product-price,table.shop_table td.product-thumbnail, table.shop_table th.product-quantity{text-align:center;}
table.shop_table th.product-subtotal,table.shop_table td.product-subtotal{text-align:right;}
#top table.cart img{width:90px;}
#top.woocommerce-page .button{font-size:13px;}
#top table.shop_table .actions .button{background-color:#999;}
.cart-collaterals .cart_totals a.button.alt{float:right;margin-right: 13px;font-size: 1em;}
#top div .quantity input.plus{border-left:1px solid #e1e1e1;}
#top div .quantity input.minus{border-right:1px solid #e1e1e1;}

/* CHECKOUT */
.woocommerce-checkout h3{font-weight:normal;color:#55606e;font-size:24px;}
#customer_details{width:60%;padding-right:35px;}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:100%;float:none;}
#order_review, #order_review_heading{clear:none;width:40%;float:left;margin-bottom:20px;}
.woocommerce-checkout-review-order-table{border:1px solid #ddd;border-radius:0!important;}
#top table.shop_table.woocommerce-checkout-review-order-table thead tr{border-left:none!important;border-right:none!important;border-top:none!important;}
#top table.shop_table.woocommerce-checkout-review-order-table thead th{border-top:none;border-left:none;border-right:none;border-bottom:1px solid #ddd;}
#top table.shop_table.woocommerce-checkout-review-order-table td,#top table.shop_table.woocommerce-checkout-review-order-table tfoot th{border:none!important;}
#top table.shop_table.woocommerce-checkout-review-order-table tr.cart-subtotal th,#top table.shop_table.woocommerce-checkout-review-order-table tr.cart-subtotal td,#top table.shop_table.woocommerce-checkout-review-order-table tr.order-total th,#top table.shop_table.woocommerce-checkout-review-order-table tr.order-total td{border-top:1px solid #ddd!important;}
#top table.shop_table.woocommerce-checkout-review-order-table td.product-name,#top table.shop_table.woocommerce-checkout-review-order-table td.product-total{padding-top:10px;padding-bottom:10px;line-height:50px;}
#top table.shop_table.woocommerce-checkout-review-order-table .cart-subtotal th,#top table.shop_table.woocommerce-checkout-review-order-table .cart-subtotal td{padding-top:10px;}
.shop_table ul#shipping_method li label{font-size:.9em;vertical-align:top;}
#top div form .form-row input.input-text, #top div #content .form-row input.input-text, #top div form .form-row textarea, #top div #content .form-row textarea{border-color: #ddd;padding: 9px 10px;min-height: 40px;}
#top label{font-weight:normal;font-size:14px;color:#55606e;}
#top .form-row .required{display:none;}
.about_paypal{display:none;}
.checkout .col-2 h3{float:none;}
#top #payment ul.payment_methods{padding:0;}
#top.woocommerce-checkout #payment h3{padding-left:0;}
#top #payment ul.payment_methods li{padding-left:0;}
#top #payment ul.payment_methods li img{max-width:240px;}
.woocommerce-page #payment #place_order {
    background-color: #ffc439;
    color: transparent;
    width: 320px;
    height: 44px;
    background-image: url(https://www.depltd.co.uk/wp-content/uploads/2021/12/pay-with-paypal.png);
    background-size: 150px 25px;
    background-repeat: no-repeat;
    background-position: center;
}
/* ERROR/INFO MESSAGES*/
ul.woocommerce-error,#top div.woocommerce-message{background-color:#f8f8f8;border:1px solid #ddd;}

/* MY ACCOUNT */
.woocommerce-page{font-size:14px;}
.woocommerce-MyAccount-navigation ul li a{text-align:left;padding-left:0; border-bottom-style: solid;border-bottom-width: 1px;border-bottom-color: rgba(0,0,0,.06);}
.addresses .title .edit {float: right;background: #494949; padding: 16px 20px; color: #fff; text-decoration: none;width: 150px;text-align: center; border-radius: 2px;
}
.woocommerce-account .addresses.col2-set .col-1, .woocommerce-account .addresses.col2-set .col-2{min-width:500px;border-color:#ddd;margin-bottom:35px;float:none;}
#customer_login h2{font-size:32px;font-weight:300;font-family: 'open sans', Helvetica, Arial, sans-serif;color:inherit;text-transform:none;}
#top form.login, #top form.register{padding-left:0;}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 1025px) {
  /* Add your Desktop Styles here */
  #header_main{margin-top:20px;}
  
}

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 1366px){
img.one-third{
max-width:30%;
}
img.two-third{
max-width:60%;
}
img.half{
max-width:50%;
}
}
@media only screen and (max-width: 1200px){
#top .widget_product_search.widget{display:none!important;}
#mega_main_menu.avia {
    min-height: 40px;
}
#mega_main_menu.responsive-enable > .menu_holder > .menu_inner {
    width: auto !important;
}
#mega_main_menu.responsive-enable.mobile_minimized-enable > .menu_holder > .menu_inner > ul {
    display: none;
}
#mega_main_menu.responsive-enable > .menu_holder > .menu_inner > .nav_logo {
    float: none;
    display: block;
}
#mega_main_menu.avia.mobile_minimized-enable > .menu_holder > .menu_inner > .nav_logo > .logo_link, #mega_main_menu.avia.mobile_minimized-enable > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle, #mega_main_menu.avia.mobile_minimized-enable > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle > .mobile_button, #mega_main_menu.avia.mobile_minimized-enable > .menu_holder > .menu_inner > ul > li > .item_link, #mega_main_menu.avia.mobile_minimized-enable > .menu_holder > .menu_inner > ul > li > .item_link > .link_content, #mega_main_menu.avia.mobile_minimized-enable > .menu_holder > .menu_inner > ul > li.nav_search_box, #mega_main_menu.avia.mobile_minimized-enable.icons-left > .menu_holder > .menu_inner > ul > li > .item_link > i, #mega_main_menu.avia.mobile_minimized-enable.icons-right > .menu_holder > .menu_inner > ul > li > .item_link > i, #mega_main_menu.avia.mobile_minimized-enable.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.disable_icon > .link_content, #mega_main_menu.avia.mobile_minimized-enable.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.menu_item_without_text > i, #mega_main_menu.avia.mobile_minimized-enable > .menu_holder > .menu_inner > ul > li.nav_buddypress > .item_link > i.ci-icon-buddypress-user {
    height: 40px;
    line-height: 40px;
}
#mega_main_menu.avia.mobile_minimized-enable > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text{height:40px;}
#mega_main_menu.responsive-enable.mobile_minimized-enable > .menu_holder > .menu_inner > .nav_logo .mobile_toggle {
    display: block;
    float: right;
    text-decoration: none;
    padding: 0px;
    cursor: pointer;
}
#mega_main_menu.responsive-enable.mobile_minimized-enable > .menu_holder > .menu_inner > .nav_logo .mobile_toggle .mobile_button {
    padding-left: 15px;
    padding-right: 15px;
    display: table-cell;
    vertical-align: middle;
}
#mega_main_menu.responsive-enable.mobile_minimized-enable > .menu_holder > .menu_inner > .nav_logo .mobile_toggle .mobile_button * {
    line-height: inherit;
    vertical-align: top;
}
#mega_main_menu.responsive-enable.mobile_minimized-enable > .menu_holder > .menu_inner > .nav_logo .mobile_toggle .mobile_button .symbol_cross, #mega_main_menu.responsive-enable.mobile_minimized-enable > .menu_holder > .menu_inner > .nav_logo.mobile_menu_active .mobile_toggle .mobile_button .symbol_menu {
    display: none;
}
#mega_main_menu.responsive-enable.mobile_minimized-enable .nav_logo.mobile_menu_active + ul {
    display: block;
}
#mega_main_menu.responsive-enable > .menu_holder > .menu_inner > ul > li, #mega_main_menu.responsive-enable > .menu_holder > .menu_inner > ul > li.nav_search_box {
    float: none;
    display: block;
    width: 100%;
}
#mega_main_menu.responsive-enable > .menu_holder > .menu_inner > ul > li{cursor:pointer;}
#mega_main_menu.responsive-enable > .menu_holder > .menu_inner > .nav_logo:after {
    content: '';
    display: table;
    clear: both;
    width: 100%;
    height: 0px;
    position: relative;
}
#mega_main_menu.responsive-enable.mobile_minimized-enable > .menu_holder > .menu_inner > .nav_logo.mobile_menu_active .mobile_toggle .mobile_button .symbol_cross {
    display: inline;
}
.nav_logo .mobile_toggle .mobile_button{font-size:18px;line-height:30px;}
.mobile_toggle .mobile_button .symbol_menu{font-size:30px;}
.mobile_toggle .mobile_button .symbol_cross{font-size:15px;}
}
@media only screen and (max-width: 1023px){
#header_cta, #header_cta a{
font-size:16px;
}
span.email{
margin-right:0;
}
#top #wrap_all #who-we-work-with .av-inherit-size h3.av-special-heading-tag,
#top #wrap_all .av_one_fifth .av-inherit-size h3.av-special-heading-tag {
font-size:24px;
}
.cart-collaterals .cart_totals{width:100%;float:none;max-width:none;}
#order_review, #order_review_heading,#customer_details{width:100%;float:none;padding-right:0;}
}
@media only screen and (max-width: 988px){
#header_cta{
display:none;
}
#top .main_menu{
margin-top:20px;
}
}
@media only screen and (max-width: 767px){
.responsive #top #wrap_all .av-flex-cells .av_one_fourth.no_margin {
padding:0 30px 0 30px!important;
}
.content{
padding-top:0;
padding-bottom:0;
}
#layer_slider_1{
margin-bottom:30px;
}
.av-special-heading,
body .av-special-heading .av-special-heading-tag{
margin-top:20px;
}
#top .hr-invisible, .hr-invisible .hr-inner{
/*height:0!important;*/
}
}
@media only screen and (max-width: 667px){
#who-we-work-with .av-special-heading,
#who-we-work-with body .av-special-heading .av-special-heading-tag{
margin-top:40px;
}
}