/*
Theme Name: Divi Child
Theme URI: www.artandlogic.com
Template: Divi
Author: Daisey Traynham
Description: Child theme for use with the Divi template..

*/


/* ----------------------------------------- */
/* MOBILE NAV STYLES ----------------------- */
/* ----------------------------------------- */

ul#mobile_menu {
    background-color: #035399;
	padding-top: 0px;
	
	transition: all 0.3s ease-in-out;
}

.et_mobile_menu li a {
    border-bottom: 1px solid #2078C4;
    color: #fff !important;
    padding: 15px 0;
    display: block;
    font-size: 20px;
}

.nav li ul {
    border-color: #3b3680 !important;
	border: 0 !important;
}

#top-menu .sub-menu {
	width: 350px; /* Adjust this value as desired */
}

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

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

#top-menu li li a {
    line-height: 1em;
    font-size: 100%;
}



/* ----------------------------------------- */
/* PROJECT GRID STYLES --------------------- */
/* ----------------------------------------- */

.et_pb_portfolio_excerpt {
	    margin: 0 10px 20px;
}

/*yellow dash above project title*/

h2.et_pb_module_header a::before {
    content: "\2014";
    color: #FFCA3F;
    font-size: 60px;
    display: block;
    line-height: 10px;
	margin-bottom: 15px;
}

/*style the Divi Porfolio read more link as a button*/

.et_pb_portfolio_link {
  color: #ffffff;
	background: #035399;
	width: 100%;
	padding: .5em;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}

/*style the Divi Portfolio read more link as a button on hover*/

.et_pb_portfolio_link:hover {
	background: #3575AE;
	transition: all 0.1s ease-in-out;
}

/*add little circle arrow*/

a.et_pb_portfolio_link::after {
    content: '';
    background-image: url(/wp-content/uploads/2025/11/arrow-circle-right.png);
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 10px -4px;
}


/* spam instructions */
span.et_pb_contact_captcha_question::before {
    content: "For security purposes, please answer: ";
	color: #999;
}