/*======================================
Theme Name: The Watch Experts
Theme URI: https://divicake.com/
Description: A child theme for The Watch Experts
Version: 1.0
Author: enjoy! Marketing
Author URI: https://www.enjoymarketing.co.uk
Template: Divi
======================================*/

/* Cash Converter Quick Colour Reference  =============================================== */

/* CCUK Yellow #FCD900 */
/* CCUK Red #B71234 */
/* CCUK Blue #89A8E0 */
/* CCUK Purple #4D3676 */
/* CCUK Cool Grey #63666a */

/* Light Grey #BABABA */
/* Light Light Grey #F4F4F4 */


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

@font-face {
    font-family: 'Gotham Book';
    src: url('https://www.cashconvertersmarketingsupport.co.uk/assets/webfonts/gotham_book.eot');
    src: url('https://www.cashconvertersmarketingsupport.co.uk/assets/webfonts/gotham_book.eot?#iefix') format('embedded-opentype'), url('https://www.cashconvertersmarketingsupport.co.uk/assets/webfonts/gotham_book.woff2') format('woff2'), url('https://www.cashconvertersmarketingsupport.co.uk/assets/webfonts/gotham_book.woff') format('woff'), url('https://www.cashconvertersmarketingsupport.co.uk/assets/webfonts/gotham_book.ttf') format('truetype'), url('https://www.cashconvertersmarketingsupport.co.uk/assets/webfonts/gotham_book.svg#gotham_book') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}
@font-face {
    font-family: 'Gotham Medium';
    src: url('https://www.cashconvertersmarketingsupport.co.uk/assets/webfonts/gotham_medium.eot');
    src: url('https://www.cashconvertersmarketingsupport.co.uk/assets/webfonts/gotham_medium.eot?#iefix') format('embedded-opentype'), url('https://www.cashconvertersmarketingsupport.co.uk/assets/webfonts/gotham_medium.woff2') format('woff2'), url('https://www.cashconvertersmarketingsupport.co.uk/assets/webfonts/gotham_medium.woff') format('woff'), url('https://www.cashconvertersmarketingsupport.co.uk/assets/webfonts/gotham_medium.ttf') format('truetype'), url('https://www.cashconvertersmarketingsupport.co.uk/assets/webfonts/gotham_medium.svg#gotham_medium') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}

/* General Styles  =============================================== */

body {
	font-family: 'Gotham Book', sans-serif !important;
	font-weight: 500 !important;
}
body strong, body p strong {
	font-family: 'Gotham Medium', sans-serif !important;
	font-weight: 600 !important;
}
h1, h2, h3, h4 {
	font-weight: 300 !important;
}
body .et_pb_button {
	font-family: 'Gotham Medium', sans-serif !important;
	font-weight: 600 !important;
	padding: 10px 40px !important;
}
#logo {
	max-width: 200px;
}

/*** Change Mobile Columns By DiviMundo.com ***/

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
.two-col-mob .et_pb_column {
	width:47.25% !important;
}   
.two-col-mob .et_pb_column:nth-last-child(-n+2) {
	margin-bottom:0;
}
.two-col-mob .et_pb_column:not(:nth-child(2n)) {
	margin-right:5.5% !important;
}
}

/* 2 Columns Tablet */

@media all and (min-width: 768px) and (max-width: 980px) {
    .two-col-tab .et_pb_column {
        width:47.25% !important;
    }
    
.two-col-tab .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    .two-col-tab .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }

/* 3 Columns Tablet */	

html .et-db .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }
html .et-db #et-boc .three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }
    html .et-db .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }	
}
/*** Change Mobile Column Stacking ***/

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
}




/* Custom Header */

.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
 
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}
@media (min-width: 768px) and (max-width: 980px) {
    .lwp-hide-tablet-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-tablet-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
        display: flex!important;
    }
 
    .lwp-hide-tablet-menu .et_mobile_nav_menu {
        display: none;
    }
}

.nav-search-icon::after {
    content: '\55';
    font-family: ETModules;
    font-size: 20px;
    color: #000;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%) scaleX(-1);
    pointer-events: none;
    z-index: 9;
}
.nav-search-icon .et_pb_searchsubmit {
    z-index: 10;
}

/* Text left of hamburger in the Theme Builder */
.et_mobile_nav_menu:before  {
content: 'MENU';
margin-top:5px;
color: #333;
font-size:16px;
}
/* Text left of hamburger in Divi 3 */
#et_mobile_nav_menu:before  {
content: 'MENU';
position: absolute;
right: 33px;
bottom:30px;
color: #333;
font-size:16px;
}
/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}
/* Remove the top line in the mobile menu*/
.et_mobile_menu {
border-top:0;
}
/* Center-align moble menu items */
.et_mobile_menu li {
text-align:center !important;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0 !important;
}
/* Make mobile menu fullwidth */
.et_mobile_menu {
min-width: 110vw;
margin-left: -10vw;
}
/* Make the mobile menu full height */
.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}
html {
height: -webkit-fill-available;
}
/* Remove the animation to avoid delay */
.mobile_nav.opened .et_mobile_menu {
display:block !important;
}



/* Custom Header */

/* Custom Footer */

#custom-footer a {
	color: #FFFFFF !important;
	text-decoration: none;
}
#custom-footer a:hover {
	color: #FFFFFF !important;
	text-decoration: underline;
}
#FooterNav {
	list-style: none;
}
#FooterNav li {
	display: inline;
	border-right: 1px solid #fff;
	padding-left: 10px;
	padding-right: 12px;
}
#FooterNav li:last-child  {
    border-right: 0 solid #fff;
	padding-right: 0;
}
/* Gravity Froms */

body .gform_wrapper .gform_footer, body .gform_wrapper .gform_page_footer {
    overflow: hidden;
    text-align: center;
}
.gform_required_legend {
	display: none;
}
body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body .gform_wrapper textarea.textarea, body div.form_saved_message div.form_saved_message_emailform form input[type=text] {
    background-color: transparent;
    border: 1px solid #BABABA;
	border-radius: 2px;
}

body .gform_wrapper .gform_footer input.button {
	margin-left: auto;
	margin-right: auto;
}
.form-terms {
	font-size: 14px;
	line-height: 16px;
}

/* Quick Colour Reference  =============================================== */

/* Black #3F4147 */
/* White #FFAE16 */
/* Dark Purple #4e3676 */
/* Light Purple #ada3c6 */
/* Grey #99a8af */
/* Gold #c39052 */
/* Dark Blue #031c22 */
/* Blue #022a3c */

/* Woocommerce  =============================================== */

.woocommerce h2 {
	font-size: 26px;
}
.woocommerce h3 {
	font-size: 22px;
}
@media all and (max-width: 768px) {
.woocommerce h2 {
	font-size: 22px;
}
.woocommerce h3 {
	font-size: 18px;
}
}
.ppnotice {
	font-size: 12px;
	line-height: 14px;
	color: #000;
	margin: 10px 0;
}

/* NOTICE BLOCKS */

a.button, button.button {
	font-weight: 300 !important;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	font-size: 16px !important;
}	
body .woocommerce-error, body .woocommerce-info, body .woocommerce-message {
	background-color: #e9e6ed !important;
	color: #63666a !important;
	font-size: 16px !important;
	border-radius: 5px !important;
}
#add_payment_method .cart-collaterals .shipping-calculator-button::after, .woocommerce-cart .cart-collaterals .shipping-calculator-button::after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button::after {
    display: none;
}
body #ppcp-messages {
	margin-bottom: 20px !important;
}
ul.woocommerce-error {
	margin-left: 0 !important;
}
@media all and (max-width: 768px) {
.woocommerce ul.order_details li {
	float: none;
	border-right: 0;
	border-bottom: 1px dashed #cfc8d8;
	margin-bottom: 10px;
}
}
/* REMOVE RIGHT */

.et_right_sidebar #main-content .container:before {
    right: 0 !important;
}
#main-content .container:before {
    width: 0;
	display: none;
}
#left-area {
    width: 100%;
	float: none !important;
	padding-right: 0 !important;
}

/* BREADCRUMBS ICON */

.woocommerce-breadcrumb .nmr-crumb:first-child a {
    text-decoration: none;
}
.woocommerce-breadcrumb .nmr-crumb:first-child a::before {
    font-family: FontAwesome;
    content: '\f015';
}
/* PRODUCT LISTING PAGES */


/* PRODUCT PAGE */

ul.product-bullets {
	list-style-type: none;
	padding: 0;
}
ul.product-bullets li {
	padding-bottom: 20px;
}
ul.product-bullets li:last-child {
	padding-bottom: 0;
}

.tbl-watch-specification {
    width: 100%
}
.tbl-watch-specification th, .tbl-watch-specification td {
    text-align: left;
    padding: 5px 0;
    border-bottom: 1px solid #dadada
}
.tbl-watch-specification th {
    width: 180px;
    padding-right: 20px;
}
.watch-specification-mm {
	font-weight: 700 !important;
	font-size: 22px;
	background: #000;
}
.watch-specification-mm::after {
    content: 'mm';
}

.wcsob_soldout_text {
	color: #B71234;
	font-weight: bold;
	display: none;
	
}

/* CHECKOUT PAGE */

#customer_details, .woocommerce table.shop_table {
  margin-bottom: 40px !important;
}
#payment ul.payment_methods li label, .sv-wc-payment-gateway-card-icons {
  display: inline !important;
}
.woocommerce-checkout #payment ul.payment_methods li img {
  margin-right: 5px;
}
.woocommerce-privacy-policy-text {
	margin-bottom: 20px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text, .woocommerce-page form .form-row select {
	color: #63666A;
	background-color: transparent;
    border: 1px solid #BABABA;
    border-radius: 2px;
	line-height: 16px;
}
.woocommerce form .form-row textarea {
	height: 160px;
}
ul.order_details {
	padding-left: 0;
}
#wc_realex_redirect_iframe_cancel {
    display: block;
    width: 100px;
    margin: 0 auto;
    text-align: center;
	margin-top: 40px;
}
.woocommerce-notice {
	margin-bottom: 40px;
}
.woocommerce-MyAccount-navigation-link {
	list-style: none;
	text-transform: uppercase;
	text-decoration: none;
}
li.woocommerce-MyAccount-navigation-link a {
	color: #4D3676;
	text-decoration: none !important;
}


/* SALE BADGE COLOR 
.woocommerce span.onsale, 
.woocommerce-page span.onsale {
	background: #4e3676 !important;
	z-index: 9;
	font-weight: 700!important;
    text-transform: uppercase!important;
    font-size: 12px;
    color: #FFFFFF!important;
} */
/* SOLD OUT BADGE 

.sold-out-overlay {
background: #B71234;
color: #fff;
font-size: 14px;
font-weight: 600;
padding: 5px 10px;
position: absolute;
right: 50px;
top: 10px;
} */




/* NOTSURE WHAT THIS CODE IS DOING?
 
#main-content .container:before { 
    width: 0px;
}
#sidebar {
	float: left;
	margin-left: -108%;
	max-width: 413px;
	position: relative;
	width: 29.4118%;
}
#left-area {
	display: block;
	float: right;
	margin-left: 29.4118%;
	width: 70.5882%;
}
*/

/* SINGLE GRID ITEM STYLING 
.woocommerce ul.products li.product {
	text-align: center; 
}
.et_shop_image {
	
}
.woocommerce .et_shop_image span.et_overlay {
    background-color: rgba(255,255,255,0.69)!important;
    border-color: rgba(255,255,255,0.69)!important;
}	
.et-cart-info { display:none !important; }

*/

/*** Set Rows to 90% 

@media only screen and (max-width: 980px) {
	#top-header > .container,
	#main-header > .container,
	#et_search_outer > .container,
	body.single #main-content > .container,
	body.page:not(.et-tb-has-template) div.et_pb_row,
	body.page.et-tb-has-template .et-l--post div.et_pb_row,
	body.single-project div.et_pb_row,
	body.single-project div.et_pb_row.et_pb_row_fullwidth {
		width: 90% !important; 
   }
} ***/