/*
Theme Name:     Magicorum
Description:    Thème du site Magicorum
Author:         Michaël Gyen
Author URI:     https://www.autartica.be
Template:       Divi                       
Version:        0.1.0
*/

.comment-omega {
	background-image: url(images/bg_comment_omega.png);
	background-repeat:no-repeat;
	padding: 10px 87px 10px 35px;
	height: 95px;
	color: #574822;
	width: 480px;
	overflow: hidden;
	font-size:13px;
}


#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
    background-color: #000000;
    background-image: url('https://www.magicorum.com/wp-content/uploads/2019/10/bg_head-complet.png');
    background-position: top center;
	background-repeat:no-repeat;
	height: 485px;
	
}

/* Set the image widths */
.et_pb_gallery_grid .et_pb_gallery_item,
.et_pb_gallery_grid .column_width,
.et_pb_gallery_grid .et_pb_gallery_image,
.et_pb_gallery_grid .et_pb_gallery_image.portrait img
{
    width: 200px !important;
}
.et_pb_gallery_grid .et_pb_gallery_image img
{
    min-width: 200px;
}

/* Set the image heights */
.et_pb_gallery_grid .et_pb_gallery_image,
.et_pb_gallery_grid .et_pb_gallery_image.landscape img
{
    height: 250px !important;
}
.et_pb_gallery_grid .et_pb_gallery_image img
{
    min-height: 250px;
}

/* Set the spacing between images */
.et_pb_gallery_grid .gutter_width { width: 20px; }
.et_pb_gallery_grid .et_pb_gallery_item { margin-bottom:25px !important; }

.et_pb_gallery_grid .et_pb_gallery_item { clear:none !important; }
.et_pb_gallery_grid .et_pb_gallery_item:nth-child(4n) { margin-right:0 !important; }
.et_pb_gallery_grid .et_pb_gallery_item:nth-child(4n+1) { clear:both !important; }
.et_pb_gallery_grid .et_pb_gallery_item { margin-right:30px !important; }
.et_pb_gallery_grid .et_pb_gallery_image img { min-height: 0 !important; }
.et_pb_gallery_grid .et_pb_gallery_image,
.et_pb_gallery_grid .et_pb_gallery_image.landscape img
{
    height: auto !important;
}

.de_db_list_view .products .product .de_db_product_image {

    width: 20%;
    float: left;
    margin-right: 2%;
}


#clock-div{
position: relative;
    height: 165px;  
    width: 120px;
	 margin: 0 auto;
	 z-index:1;
  }

#clock {
	position: absolute;
	top:0px;
	right:110px;
	width:150px;
	height:150px;
	z-index:999999;
	}
#hours, #minutes {
	position: absolute;
	-moz-transition-duration: 25s;
	-ms-transition-duration: 25s;
	-webkit-transition-duration: 25s;
	-o-transition-duration: 25s;
	transition-duration: 25s;
	}
#hours {
	top: 19px;
	left: 61px;
	width:29px;
	height:66px;
	-moz-transform-origin: 14px 57px;
	-ms-transform-origin: 14px 57px;
	-webkit-transform-origin: 14px 57px;
	-o-transform-origin: 14px 57px;
	transform-origin: 14px 57px;
	background-image:url('https://www.magicorum.com/wp-content/uploads/2019/10/clock-hand-hours.png');
	}
#minutes {
	top: 10px;
	left: 66px;
	width:19px;
	height:73px;
	-moz-transform-origin: 9px 65px;
	-ms-transform-origin: 9px 65px;
	-webkit-transform-origin: 9px 65px;
	-o-transform-origin: 9px 65px;
	transform-origin: 9px 65px;
	background-image:url('https://www.magicorum.com/wp-content/uploads/2019/10/clock-hand-minutes.png');
	}

@media screen and (max-width: 1024px) {
	#clock {
		display:none;
	}
}

p.shop-product-state{
    text-align: center;
    font-weight: bold;
    color: rgb(170, 0, 0);
    font-size: 200%;
}