/*
Theme Name: Safety Systems
Theme URI: https://www.safteysystems.com.au
description: >-
  Theme made by 2 Easy Web Design for Safety Systems
Author: 2 Easy Web Design
Author URI:  https://www.2easywebdesign.com.au
Template: Divi
Version: 0.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
Text Domain: Divi-child
*/

@font-face {
	 font-family: 'Classico Bold';
     src: url('../ttf/classico-bold-italic.ttf') format('truetype');
}

/**
 * General
 */

body, .et-menu a {
	font-weight: normal;
}

/**
 * Header
 */

/* Shift down to overlap bottom border */
#menu-main-menu .menu-item {
	top: 1px;
	border-bottom: 1px solid transparent !important;
}

#menu-main-menu .menu-item a {
	opacity: 0.6;
}
#menu-main-menu .menu-item:hover, #menu-main-menu .current_page_item {
	border-bottom: 1px solid #FF6600 !important;
	opacity: 1;
}

#menu-main-menu .menu-item:hover a, #menu-main-menu .current_page_item a {
	opacity: 1;
}

@media only screen and (max-width: 440px) {
	#mobile_phone_button  {
		visibility: collapse;
	}

	#mobile_phone_button:before {
		visibility: visible;
		margin-left: 90px !important;
		width: 2.4rem;
		height: 2.4rem;
		background: #ff6600;
		border-radius: 40px;
		line-height: 2.4rem !important;
		top: 4px;
	}
}

.et_mobile_menu {
    max-height: 76vh;
    overflow-y: scroll;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    margin-top: 6px;
 	direction: rtl; /* scroll bar on left side */
}

/* Show scroll bar on mobile menu */
.et_mobile_menu::-webkit-scrollbar {
    -webkit-appearance: none;
}

.et_mobile_menu::-webkit-scrollbar:vertical {
    width: 12px;
}

.et_mobile_menu::-webkit-scrollbar:horizontal {
    height: 12px;
}

.et_mobile_menu::-webkit-scrollbar-thumb {
    background-color: #292959;
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.et_mobile_menu::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}
/**
 * Arrow Buttons
 */

.btn-round-icon:after {
    border-radius: 100%;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em !important;
    text-align: center;
	margin-left: 1em !important;
    top: -0.25em;
	box-shadow: -1px 4px 12px rgba(0, 0, 0, 0.4);
}

.bg-btn-icon-orange:after {
	background: #FF6600;
}

.btn-under-image:after {
	right: 0 !important;
	
}


/**
 * Skewed Images and Contact
 */
/* Skew for divs */
.skew-unskew-12 {
	transform: skew(-12deg);
}
.skew-unskew-12 > * {
	transform: skew(12deg);
}

@media only screen and (max-width: 980px) {
	.skew-unskew-12, .skew-unskew-12 > * {
		transform: none;
	}
}
/* Clip for image */
.clip-image-12 {
	clip-path: polygon(27% 0, 100% 0, 78% 100%, 5% 100%);
}
.clip-image-12-thin {
	clip-path: polygon(32% 0, 95% 0, 73% 100%, 10% 100%);
}

/** 
 * Decorative Items
 */
.background-text h2 {
	font-family: 'Classico Bold';
}
.outline-background-text h2 {
	font-size: 200px;
	font-family: 'Classico Bold';
	color: transparent;
    -webkit-text-stroke: 1px rgba(0,109,182,0.45);
}

.outline-background-text.text-stroke-orange h2 {
    -webkit-text-stroke: 1px rgba(255,102,0,0.25) !important;
}

.custom-text-hero h2 {
	font-size: min(130px, 9vw) !important;
	line-height: min(130px, 9vw) !important;
}


/**
 * Contact Form
 */

/* Add required * */
#ewd-contact-form .et_pb_contact_field, .request-quote-form .et_pb_contact_field {
	position: relative;
}

#ewd-contact-form .et_pb_contact_field.field_required:after, .request-quote-form .et_pb_contact_field.field_required:after {
    content: '*' !important;
    color: #FF6600;
    position: absolute;
    top: 0;
    right: 1rem;
    line-height: 3em;
}

#ewd-contact-form .et_contact_bottom_container {
	float: left;
}

#ewd-contact-form input:focus, #ewd-contact-form textarea:focus, .request-quote-form input:focus, .request-quote-form textarea:focus  {
	outline: 2px solid #FF6600;
}

/* Put errors on 1 line */
#ewd-contact-form .et-pb-contact-message li:first-child:before, .request-quote-form .et-pb-contact-message li:first-child:before {
    content: '';
}
#ewd-contact-form .et-pb-contact-message li:before, .request-quote-form .et-pb-contact-message li:before  {
    content: ', ';
}
#ewd-contact-form .et-pb-contact-message li, .request-quote-form .et-pb-contact-message li  {
    display: inline-block;
}

.request-quote-form textarea {
	resize: none;
	
}
.request-quote-form .et-pb-contact-message {
	color: #fff;
}

.request-quote-form input.et_contact_error {
	background: #ffc3be;
	border: none !important;
}


/**
 * Blog Posts
 */
.ewd_custom_post_wrapper {
	display: flex;
	flex-direction: row;
}

.ewd_custom_post_wrapper .ewd_custom_post {
	display: flex;
	flex-direction: row;
	overflow: hidden;
	min-height: 260px;
    max-height: 260px;
	min-width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-left: 2em;
	border: 1px #545454 solid;
}

.ewd_custom_post_wrapper .ewd_custom_post_catergory {
	text-transform: uppercase;
	color: #FF6600;
	font-size: 16px;
}
.ewd_custom_post_wrapper .ewd_custom_post_content {
	max-width: 50%;
	z-index: 2;
}
.ewd_custom_post_wrapper .ewd_custom_post_content h2 {
	font-size: 30px;
}

body #page-container .et_pb_section .ewd_custom_post_wrapper .et_pb_button_0_tb_body  {
	color: #FF6600 !important;
}


.ewd_custom_post_wrapper .ewd_custom_post_image_wrapper {
	clip-path: polygon(47% 0,85% 0,75% 100%,36% 100%);
	height: 100%;
	width: 100%;
	position: absolute;
	right: -15%;
	z-index: 0;
}

.ewd_custom_post_wrapper .ewd_custom_post_image { 
	min-height: 260px;
	width: auto;
	max-width: 500px!important;	
	position: absolute;
	left: 10%;
}

.ewd_custom_post_block {
	width: 20px;
	height: 30%;
	position: relative;
	right: 3.5%;
	transform: skew(-12deg);
	background: #FF6600;
	z-index: 1;
}

.blog_sidebar .tagcloud a {
	border-radius: 0;
	background: #041d5b;
	color: #ffffff;
	text-transform: uppercase;
	padding: 0.1rem 2rem;
}

.blog_sidebar .tagcloud a:hover {
	color: #fe6600;
}

.blog_sidebar .searchform input[type='submit'] {
	color: #fe6600 !important;
	border-left: none !important;
	background: #fff !important;
}
.blog_sidebar .searchform input[type='submit']:hover {
	color: #041d5b !important;
	
}

/*portfolio image aspect ratio portrait 3:4*/
.pa-portfolio-image-3-4 .et_pb_portfolio_grid_items {
	display: grid;
	grid-template-columns: 22.75% 22.75% 22.75% 22.75%;
	grid-column-gap: 3%;
	grid-row-gap: 1em;
}
@media only screen and (max-width: 980px) {	
	.pa-portfolio-image-3-4 .et_pb_portfolio_grid_items {
		grid-template-columns: 43% 43%;
		grid-column-gap: 7%;
	}
}
@media only screen and (max-width: 480px) {	
	.pa-portfolio-image-3-4 .et_pb_portfolio_grid_items {
		grid-template-columns: 100%;
		grid-column-gap: 0%;
	}
}

.pa-portfolio-image-3-4 .et_pb_grid_item {
	width: 100% !important;
}

.pa-portfolio-image-3-4 .et_pb_portfolio_item h2 {
	margin: 0 !important;
	padding: 1rem 1rem !important;
	font-weight: normal;
	font-size: 1.1rem !important;
}

.pa-portfolio-image-3-4 .et_portfolio_image {
  	padding-top: 115%;
  	display: block;
	overflow: hidden;
}

.pa-portfolio-image-3-4 .et_portfolio_image img {
	  position: absolute;
	  height: 110%;
	  width: 110%;
	  top: -5%;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  object-fit: cover;
	transition: height 0.5s, width 0.5s, top 0.5s;
	transition-timing-function: ease-in-out;
}

/*
.pa-portfolio-image-3-4 .et_pb_module_header:after {
	content: '→';
    color: #FF6600;
    float: right;
	
}*/

.pa-portfolio-image-3-4 .et_pb_portfolio_item {
	/*margin-bottom: 5.5% !important;*/
	border: 1px solid #e2e2e2;
	box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 30%);
	transition: top 0.25s;
	transition-timing-function: ease-out;
	top: 0;
}

.pa-portfolio-image-3-4 .et_pb_portfolio_item:hover img {
	height: 120%;
  	width: 120%;
	top: -10%;
}
.pa-portfolio-image-3-4 .et_pb_portfolio_item:hover {
	top: -10px;
}

/*
 * For portfolio staggered
 * 
@media only screen and (min-width: 400px) {
	.pa-portfolio-image-3-4 .et_pb_portfolio_item:nth-child(odd) {
		margin-top: 2rem;
	}
}*/

.pa-portfolio-image-3-4 .et_overlay {
	display: none !important;
}


.et_pb_post_content ul {
	list-style-image: url('../png/check-2.png');	
	margin-top: 1rem;
	margin-left: 3rem;
}

.et_pb_post_content ul li {
	margin-bottom: 1rem;
	padding-left: 0.5rem;
}

.et_pb_post_content h2, .et_pb_post_content h3, .et_pb_post_content h4, .et_pb_post_content h5, .et_pb_post_content h6 {
	margin-top: 3rem;
}

.et_pb_post_content :first-child {
	margin-top: 0 !important;
}


/**
 * Asbvestos Register Portal
 */

#wpdm-dashboard-sidebar #logo-block {
	display: none;
}

#wpdm-dashboard-sidebar .udb-item i {
	display: none;
}

#wpdm-dashboard-sidebar .udb-item {
	font-size: 20px !important;
}

#wpdm-dashboard-sidebar .udb-item {
	border-bottom: 1px solid transparent;
}

#wpdm-dashboard-sidebar .udb-item:hover, #wpdm-dashboard-sidebar .udb-item.selected {
	border-bottom: 1px solid #ff6600;
	color: #ff6600;
}

/* Hide history downloads link */
#wpdm-dashboard-sidebar #udm-user .udb-item:last-child {
	display: none;
}

.w3eden .color-danger, .w3eden .color-red {
	color: #041d5b !important;
}

#wpdm-dashboard-contents > .row {
	display: none;
}

#wpdm-dashboard-contents .btn {
	border-radius: 100px;
}