/* 
 Theme Name: Artifact83 - Child Theme
 Author: Randy Assell
 Author URL: http://artifact83.com
 Template: Divi
 Version: 2025
 Description: A child theme built for the portfolio of Randy Assell.
*/ 


/* ---------------- Miscellaneous CCS Begins ----------------------------------- */
				
		#main-header.et-fixed-header {
			-webkit-box-shadow: 0px 6px 9px -6px rgba(0,0,0,0.1)!important;
			-moz-box-shadow: 0px 6px 9px -6px rgba(0,0,0,0.1)!important;
			box-shadow: 0px 6px 9px -6px rgba(0,0,0,0.1)!important;
		}	 
		#portfoliodiv .et_pb_row {width: 100% !important;}
		#aboutgallery .et_pb_row {width: 100% !important;}	
		#abcmobilegallery .et-pb-controllers {bottom: 0%;} 
		.single .et_pb_post {margin-bottom: 0!important;}
		.sp-testimonial-free-section .tfree-client-name {color: #2f4356 !important; font-size: 20px !important;}
		.et_pb_promo_button, .et_pb_button {font-weight: 700 !important;}
        #homepagebioslider .et-pb-arrow-next {visibility: hidden;}
        #homepagebioslider .et-pb-arrow-prev {visibility: hidden;}

/* ---------------- Contact Form CCS Begins ----------------------------------- */

		.et_pb_contact_right {color: #999999; width: auto; max-width: auto;}
		.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {color: #2f4356 !important;}
		.et_contact_bottom_container {max-height: 56px; height: 56px; width: auto; max-width: auto;}


/* ---------------- Custom Typography CCS Begins ------------------------------ */

		body, h1, h2, h3, h4, h5, h6, p, li, a, span, div {
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		html {font-size: 16px;}

        p {font-weight: 400;}

		h1 {
			font-weight: 700 !important;
			color: #F5F5F5 !important;
		}

		h2 {
			font-weight: 300 !important;
			color: #636669 !important;
		}

		h3 {
			font-weight: 700 !important;
			color: #2F4356 !important;
		}

		h4 {
			font-weight: 700 !important;
			color: #2F4356 !important;
		}

		h5 {
			font-weight: 500 !important;
			color: #00A9E0 !important;
		}

		h6 {
			font-weight: 500 !important;
			color: #00A9E0 !important;
		}	



/* ---------------- Sitewide Max Width Setting -------------------------------- */

		#main-header {width: 100% !important; max-width: 2000px !important; margin: 0 auto;} 
		#page-container {width: 100% !important; max-width: 2000px !important; margin: 0 auto;} 

/* ---------------- Essential Grid Lightbox Background Color ------------------ */

		.esgbox-stage {background: rgba(0,0,0,0.5);}
		.esgbox-container {z-index: 100000 !important;}


/* ---------------- Testimonials CSS ----------------------------------------- */

		.sp-testimonial-free-section .sp-tfree-client-image img {
			-webkit-border-radius: 0%;
			-moz-border-radius: 0%;
			border-radius: 0%;
			width: 70%;
		}


/* ---------------- Flexbox Footer CSS --------------------------------------- */

		#two-column-footer {display: flex !important;}
		#two-column-footer #left-column-footer {width: 64px; align-self: center;}
		#two-column-footer #right-column-footer {width:100%;}
		#footer-bottom {padding: 0!important; margin: 0!important;}  


/* ---------------- Back to Top Button --------------------------------------- */

		.et_pb_scroll_top.et-pb-icon {bottom: 20px !important;}

/* ---------------- Menu CSS --------------------------------------- */

        .et_menu_container {width: 89%;}

		.et_mobile_menu li a:hover {
			color: #00a9e0 !important; 
			opacity:1 !important;
		}

		#top-menu-nav #top-menu a:hover,
		#mobile_menu_slide a:hover { 
			color: #00a9e0 !important; 
			opacity:1 !important;
		}

		#top-menu li a:before {
		 content: "";
		 position: absolute;
		 z-index: -2;
		 left: 0;
		 right: 100%;
		 bottom: 0%;
		 background: #00a9e0; 
		 height: .3rem; 
		 -webkit-transition-property: right;
		 transition-property: right;
		 -webkit-transition-duration: 0.25s;
		 transition-duration: 0.25s;
		 -webkit-transition-timing-function: ease-out;
		 transition-timing-function: ease-out;
		}

		#top-menu li a:hover {
		 opacity: 1 !important;
		}

		#top-menu li a:hover:before {
		 right: 0;
		}

		#top-menu li li a:before {
		 bottom: 0;
		}


/* ---------------- Media Queries Begin Here --------------------------------- */
/********* Divi Responsive Styles - Large Desktop and Above ***/
@media all and (min-width: 1405px) {
	.et_pb_testimonial_portrait, .et_pb_testimonial_0 {margin-right: 40px;}
	.testimonialscontainer {max-width: 40% !important;}
}

/*********  Divi Responsive Styles - Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
	.et_pb_testimonial_portrait, .et_pb_testimonial_0 {margin-right: 40px;}
}

/*********  Divi Responsive Styles - Tablet and Below ***/
@media all and (min-width: 980px) and (max-width: 1099px) {
	.et_pb_testimonial_portrait, .et_pb_testimonial_0 {margin-right: 40px;}
}

/*********  Divi Responsive Styles - Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 979px) {
	.et_pb_column .et_pb_testimonial_portrait {margin-bottom: 30px;}
}

/*********  Divi Responsive Styles - Smartphone Only ***/
@media all and (min-width: 479px) and (max-width: 767px) {
	.et_pb_column .et_pb_testimonial_portrait {margin-bottom: 30px;}
}

/*********  Divi Responsive Styles - Smartphone Portrait ***/
@media all and (max-width: 478px) {
	.et_pb_column .et_pb_testimonial_portrait {margin-bottom: 30px;}
}