/*
 Theme Name:   Lucid Rhino
 Theme URI:    https://lucidrhino.design
 Description:  Divi Child Theme
 Author:       Lucid Rhino Web Design - Aidan Ashby
 Author URI:   https://lucidrhino.design
 Template:     Divi
 Version:      0.5.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  divi-child
*/



/* Cursor selection colours */
::-moz-selection {background: #098398; color: white;}
::selection {background: #098398; color: white;}


/* Scroll to top button */
.et_pb_scroll_top.et-visible, .et_pb_scroll_top.et-hidden {
	background: #f14e2d;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
	border: 3px solid white;
    border-right: none;
}


/* Vertically align contents */
.vertcenter {
	display: flex;
	align-items: center;
}
.tiles .vertcenter .et_pb_text_inner  {
  margin: 0 auto;
}


/* Main menu search /
.et_pb_menu__close-search-button, .et_pb_menu__search input, .et_pb_menu__search input::placeholder, .et_pb_menu__search .et_pb_menu__search-form .et_pb_menu__search-input {
	color: white !important;
}
.et_pb_menu .et_pb_menu__search-container {
	left: auto;
	max-width: 700px;
	right: 0;
}
.et_pb_menu .et_pb_menu__search-form, .et_pb_fullwidth_menu .et_pb_menu__search-form {
    padding-left: 5px;
}

/* Main menu text */
.et-db #et-boc header .et_pb_menu ul li a {
	font-size: 18px;
	letter-spacing: 1.7px;
}
/* Mobile menu compression */
.et_mobile_menu li a {
	padding: 5px;
}


/* Hide mega menu columns */
.et-db #et-boc .et-l .et-menu .mega-menu li.menu-col > a:first-child, .et-db #et-boc .et-l .et_mobile_nav_menu .mega-menu li.menu-col > a:first-child {
	display: none;
}
/* Smaller submenu items on mobile */
.et-db #et-boc header .et_mobile_menu ul.sub-menu li a {
	font-size: 0.9em;
	padding: 1px;
}


/* Shop pagination */
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {
	border: none;
	margin: 0 5px;
}
.et_pb_shop .woocommerce .woocommerce-pagination ul.page-numbers li .page-numbers {
	border-radius: 50px;
}
.woocommerce-pagination ul.page-numbers li span.current {
	background: #098398 !important;
    color: white !important;
}
.woocommerce-pagination .page-numbers li .page-numbers {
	padding: 0.5em 0.8em;
	font-family: 'Source Sans Pro';
	font-weight: 600;
}
.woocommerce-pagination .page-numbers li a {
	background: #f1f3f5;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
	background: #098398;
	color: white !important;
}



/*style the wp-pagenavi pagination links*/
.wp-pagenavi a,
.wp-pagenavi span {
	color: #000000;
	background: #f1f3f5;
	font-size: 1em !important;
	line-height: 1em;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	border-radius: 100px;
	transition: all .5s;
}
/*style the wp-pagenavi current page number*/
.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #098398 !important;
	border-radius: 100px;
}
/*style the wp-pagenavi pagination links on hover*/
.wp-pagenavi a:hover {
	color: #ffffff!important;
	background: #098398!important;
}
/*style the wp-pagenavi pages text*/
.wp-pagenavi .pages {
	background: none;
}
/*remove border and center the wp-pagenavi links*/
.wp-pagenavi {
	border-top: none;
	text-align: center;
}



/* Menu background on Firefox & IE */
@-moz-document url-prefix() {
	header .et_builder_inner_content .et_pb_section_0_tb_header {
		background-color: rgba(255,255,255,0.96) !important;
	}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	header .et_builder_inner_content .et_pb_section_0_tb_header {
		background-color: rgba(255,255,255,0.96) !important;
	}
}




/* Blog loop */
ul.et_pb_row_divifilter {
	padding: 0;
}
/* Blog loop post featured images */
.absolute_img {
	height: 100%;
}
.absolute_img .et_pb_module_inner, .absolute_img .et_shop_image {
	height: 100%;
	display: block;
}
.absolute_img img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
}



/* Post category menu */
.postcatmenu.et_pb_menu .et-menu>li {
	width: 100%;
	padding: 0;
}
.postcatmenu.et_pb_menu ul.et-menu>li a {
	width: 100%;
	padding: 10px;
	border-radius: 4px;
	background: #098398;
}



/* Homepage category tiles */
/* Prevent selection of tiles */
.tiles {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
/* Tile margins on mobile */
@media all and (max-width: 767px) {
  .et_pb_row .et_pb_column.rightonmobile {
    margin-left: 5.5%;
  }
}
/* Animation of tiles */
@media all and (min-width: 981px) {
	.tiles .et_pb_column .et_pb_text .et_pb_text_inner {
		transition-duration: 0.3s;
	}
	.tiles .et_pb_column .et_pb_text .et_pb_text_inner {
		opacity: 0;
	}
	.tiles .et_pb_column .et_pb_text:hover .et_pb_text_inner {
		opacity: 1;
	}
}



/* Text on product page */
.et_pb_module_inner ul {
	margin-top: 18px;
}



/* Slider with image */
.et_pb_slides .sliderouter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.et_pb_slides .left {
  width: 25%;
}
.et_pb_slides .right {
  width: 65%;
  margin-left: auto;
}



/* Gift voucher product inputs */
.mwb_wgm_added_wrapper input, .mwb_wgm_added_wrapper textarea {
	background-color: #eeeeee;
	padding: 10px;
    border: 2px solid #098398;
}
.mwb_wgm_added_wrapper input:focus, .mwb_wgm_added_wrapper textarea:focus {
	background-color: #098398;
	color: white;
	border: 2px solid #098398;
}
.mwb_wgm_added_wrapper input:focus::placeholder, .mwb_wgm_added_wrapper textarea:focus::placeholder {
	color: white;
}
.mwb_message {
	margin-bottom: 15px;
}
.mwb_delivery_method .mwb_wgc_label, .mwb_wgm_delivery_method input[type="radio"], .mwb_wgm_method {
	display: none;
}
.mwb_wgm_delivery_method {
	box-shadow: none;
	padding: 0;
}



/* Hide element after duration */
.hideMe {
	-moz-animation: cssAnimation 0s ease-in 6s forwards;
	/* Firefox */
	-webkit-animation: cssAnimation 0s ease-in 6s forwards;
	/* Safari and Chrome */
	-o-animation: cssAnimation 0s ease-in 6s forwards;
	/* Opera */
	animation: cssAnimation 0s ease-in 6s forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@keyframes cssAnimation {
	to {
		width: 0;
		height: 0;
        overflow: hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden;
    }
}



/* PayPal smart buttons on product page */
.cart .ppc-button-wrapper {
	margin-top: 25px;
}



/* 3 for 2 badge */
li.product_tag-3-for-2 a span.et_shop_image::before {
	content: '3 for 2';
	width: 50px;
	height: 30px;
	color: white;
	padding: 21px 10px 19px;
	background-color: #fd0436;
	border-radius: 50%;
	position: absolute;
	top: 0px;
	left: 0px;
	animation-name: threefortwo;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

@keyframes threefortwo {
	0% { transform: translateY(0px) }
	10% { transform: translateY(-2px) }
	20% { transform: translateY(2px) }
	30% { transform: translateY(0px) }
	100% { transform: translateY(0px) }
}