/*
COLORS


Very Light Grey #f6f6f9
Mid Grey #e2e2e5
Red #ed434f
Orange #fe6751

Headings + Body Text #333

Header image
H1 42 / 35 / 28
Sub Text 26

H2 35 / 32 / 26 Default
H3 30 / 27 / 23 Default

H4 23 / 21 /19 Helvetica Reg / Semi Bold 

H5 12 Jost / Uppercase




*/

@keyframes fade_in {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

body {
    line-height: 1.4em;
} 

#page-container {
	overflow-x: hidden;
}

sup { 
	bottom: 0.5em;
	font-size: 70%;
}

.block_link {
	cursor: pointer;
}

.flex,
.flex_row {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-wrap: wrap !important; /* Safari 6.1+ */
	flex-wrap: wrap !important;
}

/**********************************************************************************************************/
/* CONTENT POSITIONING
/**********************************************************************************************************/

.vc {
	display: flex;
	align-items:center;
}

.vertical_center_content {
	align-self: center;	
}

.vertical_bottom_content {
	align-self: flex-end;
}

.align_left {
	justify-content: space-between !important;
}


.vertical_center_text .et_pb_text_inner-OLD {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.vertical_center_text {
	display: flex;
}	

.vertical_center_text .et_pb_text_inner {
	align-self:center;
	justify-content:center;
}

/**********************************************************************************************************/
/* TEXT LINK COLOURS
/**********************************************************************************************************/

.et_pb_text a,
.et_pb_blurb a,
a.more-link,
.single .et_pb_post_content a,
.entry-title a,
.et_pb_widget a,
.et_pb_newsletter_description a {
	color:#ed434f;
	padding-bottom:1px;
	border-bottom:1px solid rgba(0,0,0,0);
}

.et_pb_text a:hover,
.et_pb_blurb a:hover,
a.more-link:hover,
.single .et_pb_post_content a:hover,
.entry-title a:hover,
.et_pb_widget a:hover,
.et_pb_widget li a:hover,
.et_pb_newsletter_description a:hover {
	color:#ed434f;
	border-bottom:1px solid #ed434f;
}

.no_hover_border a,
a.et_pb_video_play {
	border:0 !important;
}


.woocommerce-product-gallery--with-images img,
.products.columns-2 .product img,
.img_border img {
	padding:15px;
}

.et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_shop .et_shop_image {

}

/**********************************************************************************************************/
/* HEADER + MENU
/**********************************************************************************************************/

#main-header,
#main-header.et-fixed-header {
 	-webkit-box-shadow: 6px 12px 16px -2px rgba(0,0,0,0.0) !important;
 	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important;
 	border-bottom:1px solid rgba(0,0,0,0.1);
}

.et-cart-info {
	display: none;
}

.logo_helper {
	position: relative;
}	

.logo_helper:after {
	content:"Dominic Denis Art";
	position: absolute;
	left:65px;
	top:24px;
	font-family: 'Abril Fatface', display;
	font-size:20px;
	color:#444;
	white-space: nowrap;
	-webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#top-menu-nav > ul > li > a:hover,
#top-menu li.current-menu-item > a {
	opacity:1;
	color:#ed434f !important;
}

.et_header_style_left #et-top-navigation,
.et_header_style_left .et-fixed-header #et-top-navigation  {
	padding: 20px 0 0 0 !important;
}

#top-menu li li,
.nav li ul {
	padding:0;
}

#top-menu li li {
	width:100%;
}

#top-menu > li {
	padding-right: 30px;
}

#top-menu li li a {
	display: inline-block;
	padding:12px 20px;
	width:100%;
	font-size: 18px;
	background:#333;
}

#top-menu li li a,
.et-fixed-header #top-menu li li a,
.et-fixed-header #top-menu li li.current-menu-ancestor > a,
.et-fixed-header #top-menu li li.current-menu-item > a {
	color:#fff !important;
}

#top-menu li li a:hover,
#top-menu li li.current-menu-item a {
	background:#ed434f;
	color:#fff !important;
	opacity: 1;
}

.nav li ul {
	width:310px;
	left:-20px;
	border-top:0px;
}

#top-menu li.mega-menu > ul {
	right: 135px !important;
	left: auto !important;
	width:580px !important;
	padding-bottom: 20px;
	background: #333;
}

#top-menu li.mega-menu .sub-menu {
	margin-left:-15px;
}

#top-menu li.mega-menu > ul {
	padding:20px 0 0 0;
	margin-left:-15px;
}

#top-menu li.mega-menu .sub-menu .sub-menu {
	width:300px;
	margin-left:0;
}

#top-menu li.mega-menu>ul>li>a:first-child {
	border-bottom:0;
}

#top-menu li.mega-menu > ul > li > a:first-child,
#top-menu li.mega-menu li.heading > a {
	font-weight: 900;
	font-size:19px;
}

#top-menu li.mega-menu li.heading > a {
	margin-top:20px;
	background: transparent !important;
	padding-bottom: 0 !important;
}

/********************************************************************************************
MOBILE MENU
********************************************************************************************/


.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 0px;
}
    
.et_mobile_menu {
	border-top: 3px solid #ed434f;
}

.mobile_menu_bar:before {
	font-size: 48px;
	color: #ed434f;
}

.et_mobile_menu li a {
	font-size:16px;
	padding: 10px 10px;
	font-weight:600;
	border:0;
	letter-spacing: 1px;
}

.et_mobile_menu li.menu-item-has-children > a {
	background: transparent;
	font-weight:400;
}

.et_mobile_menu li.mega-menu li.menu-item-has-children > a:first-child {
	font-weight: 900;
}


.et_mobile_menu li a:hover,
.et_mobile_menu li.current-menu-item > a,
li li.current-menu-item > a {
	opacity:1;
	background:#ed434f;
	color:#fff !important;
}

.et_mobile_menu li ul,
.et_mobile_menu li li {
	padding-left:0 !important;
}

.et_mobile_menu li li a {
    padding: 10px 25px;
}  

.et_mobile_menu li.mega-menu li li a {
    padding: 10px 20px 10px 40px;
}


/**********************************************************************************************************/
/* GDPR COOKIE NOTICE
/**********************************************************************************************************/

.gdpr_lightbox {
	z-index: 9999999;
	background: rgba(46,62,70,.4);
}

body.gdpr-infobar-visible {
	width:100%;
	height:100%;
}

#moove_gdpr_cookie_modal {
	min-height: auto;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-info-bar-hidden {
	display: none !important;
}

#moove_gdpr_cookie_info_bar,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme { 
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-color: rgba(46,62,70,.4);
	z-index: 999999;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    display: inline-block;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    width: 80%;
    max-width:800px;
    padding: 50px 20px;
    transform: translate(-50%, -50%); 
}

.lity {
	z-index: 999999 !important;
	background-color: rgba(46,62,70,0);
}



/**********************************************************************************************************/
/* FLUENT FORMS
/**********************************************************************************************************/

.fluentform input,
.fluentform select,
.fluentform textarea,
.fluentform button {
	outline:0;
	outline:none;
}

.fluentform .ff-el-input--label label,
.fluentform label {
	font-size: 16px;
	font-weight: 600 !important;
}


.fluentform input[type="text"].ff-el-form-control,
.fluentform input[type="email"].ff-el-form-control,
.fluentform input[type="phone"].ff-el-form-control,
.fluentform textarea.ff-el-form-control,
.fluentform select.ff-el-form-control {
	padding:4px 0;
	margin-bottom:0px;
	background: transparent !important;
	color: #444;
	width:100%;
	height:50px;
	font-size:16px;
	border: 0;
	border:1px solid #444;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	line-height: 32px;
	padding-left:10px;
	padding-right:10px;
}

.fluentform textarea.ff-el-form-control {
	width:100%;
	height:100px;
	border: 0 !important;
	font-size:16px;
	border:1px solid #444 !important;
	resize:vertical;
	line-height: 1.5;
}

.fluentform button.ff-btn-submit,
.fluentform input[type="button"].ff-btn-submit,
.fluentform input[type="submit"].ff-btn-submit {
	position: relative;
	width:auto !important;
	color:#fff;
	-webkit-transition: all 300ms ease 0ms;
	-moz-transition: all 300ms ease 0ms;
	transition: all 300ms ease 0ms;
	border-width: 0px!important;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #ed434f;
	padding-top: 0.8em!important;
    padding-right: 1.5em!important;
    padding-bottom: 0.8em!important;
    padding-left: 1.5em!important;
    -webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 3px !important;
    box-shadow: 6px 6px 12px -2px rgba(0,0,0,0.2);
}

.fluentform button.ff-btn-submit:hover,
.fluentform input[type="button"].ff-btn-submit:hover,
.fluentform input[type="submit"].ff-btn-submit:hover {
	background: #ed434f !important;
	color:#fff !important;
	opacity:1;
	margin-top: -5px;
    margin-bottom: 5px;
	cursor:pointer !important;
}

.fluentform input[type="text"].ff-el-form-control:focus,
.fluentform input[type="email"].ff-el-form-control:focus,
.fluentform textarea.ff-el-form-control:focus,
.fluentform .ff-el-is-error input,
.fluentform .ff-el-is-error select,
.fluentform .ff-el-is-error textarea {
	border:1px solid #fe6751 !important;
	background: transparent !important;
	cursor:pointer;
}

span.field_required,
.fluentform .ff-el-is-error label {
	color: #ed434f !important;
}

.fluentform .error.text-danger {
	display: none;
}

/* Change Autocomplete styles in Chrome*/
.fluentform input:-webkit-autofill,
.fluentform input:-webkit-autofill:hover, 
.fluentform input:-webkit-autofill:focus,
.fluentform input:-webkit-autofill, 
.fluentform textarea:-webkit-autofill,
.fluentform textarea:-webkit-autofill:hover,
.fluentform textarea:-webkit-autofill:focus,
.fluentform select:-webkit-autofill,
.fluentform select:-webkit-autofill:hover,
.fluentform select:-webkit-autofill:focus {
	border:1px solid #333 !important;
	-webkit-text-fill-color: #333;
 	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s;
}

.ff-message-success {
	background: #ed434f;
	color:#fff;
	padding: 8px 16px;
	margin-top:50px;
	text-align: center;
	border:0;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}


/********************************************************************************************
SECTION POPUP
********************************************************************************************/

.section_popup_link {
	display: none;
}

.close_popup:hover {
	cursor:pointer;
}

/**********************************************************************************************************/
/* FLEXBOX COLUMN STACKING ORDER SWITCH
/**********************************************************************************************************/

@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.flex,
	.flex_row {
		display: -webkit-box !important;
		display: -moz-box !important;
		display: -ms-flexbox !important;
		display: -webkit-flex !important;
		display: flex !important;
		-webkit-flex-wrap: wrap !important; /* Safari 6.1+ */
		flex-wrap: wrap !important;
	}
	
	.flex .et_pb_column,
	.flex_row .et_pb_column {
		height:100%;
	}
 
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.tablet_1 {
		-webkit-order: 1;
		order: 1;
	}
 
	.tablet_2 {
		-webkit-order: 2;
		order: 2;
	}
 
	.tablet_3 {
		-webkit-order: 3;
		order: 3;
	}
 
	.tablet_4 {
		-webkit-order: 4;
		order: 4;
	}
	
	.hide_tablet {
		display: none !important;
	}
	
	#logo {
		height:51px !important;
		width:auto !important;
		max-height: 51px;
	}
	
 
} /* END MAX WIDTH 980px */

@media all and (max-width: 767px) {

	
} /* END MAX WIDTH 767px */		


@media all and (max-width: 640px) {
	
	.et-db #et-boc .et-l .et_pb_shop ul.products.columns-2 li.product {
		width:100% !important;
		margin-right:0 !important;
	}

} /* END Max WIDTH 640px */	

@media all and (min-width: 768px) {
	
	

} /* END MIN WIDTH 768px */


@media all and (min-width: 981px) {

	/* #logo {
		height:65px !important;
		width:auto !important;
		max-height: 65px;
	} */
	
	.logo_helper:after {
		left:85px;
		top:35px;
		font-size:22px;
	}
	
	#main-header.et-fixed-header .logo_helper:after {
		left:65px;
		top:24px;
		font-size:20px;
	}
	
	.et_header_style_left #et-top-navigation {
		padding: 40px 0 0 0 !important;
	}

	.et_header_style_left .et-fixed-header #et-top-navigation {
		padding: 30px 0 0 0 !important;
	}
	
	.woocommerce-product-gallery--with-images img,
	.products.columns-2 .product img,
	.img_border img {
		padding:20px;
	}
	

} /* END MIN WIDTH 981px */