/*
 Theme Name:   spinupcreative
 Template:     Divi
*/


@import url("../Divi/style.css");
@import url("https://use.typekit.net/lkk5mqt.css");


/* =Theme customization starts here
-------------------------------------------------------------- */
h1, h2, h3, h4, h6 {
font-family: "plantin", sans-serif;
}

h5 {
font-family: "proxima-nova", sans-serif;
text-transform: uppercase;
letter-spacing: 1.8px;
font-weight: 500;
font-size: 18px !important;
}

#top-menu li a {
font-family: "proxima-nova", sans-serif;
font-weight: 700 !important;
}


body p, p, body ul li, td, .et_pb_slide_content {
font-family: "plantin", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
}

.et_pb_button {
font-family: "proxima-nova", sans-serif;
font-weight: 700;
}

/* TAB STYLES */
.et_pb_tabs_controls li a {font-family: "plantin", sans-serif;}
.et_pb_tabs_controls li {
    border-right: 2px solid #256E1D;
	border-bottom: 2px solid #256E1D;
}

.et_pb_tabs_controls li.et_pb_tab_active {
    border-bottom: 2px solid #FFFFFF !important;
}
ul.et_pb_tabs_controls {
    background-color: #FFFFFF;
    border-bottom: #FFFFFF;
}


ul.et_pb_tabs_controls {
    background-color: #F4F8F4;
}
ul.et_pb_tabs_controls li.et_pb_tab_2 
{border-right:2px solid #256E1D !important;}

ul.et_pb_tabs_controls:after {
    border-top: 1px solid #ffffff !important;}




/* Apply styles globally to unordered lists, excluding menus */
.divi-icon ul {
  list-style: none;
  padding-left: 0;
}

.divi-icon ul li {
  position: relative;
  padding-left: 25px; /* Space for the icon */
  list-style-type: none;
  line-height: 28px;
  padding-bottom: 10px;
  font-family: "plantin", sans-serif;
}

/* Add Divi icon as a custom bullet */
.divi-icon ul li:before {
  content: "\52"; /* Divi bullet icon */
  font-family: "ETmodules";
  color: #256E1D;
  position: absolute;
  left: 0;
  top: 0em; /* Adjust as needed */
}


/* SETTING BREAKPOINT FOR MOBILE MENU */
@media only screen and ( max-width: 1290px ) {
#top-menu-nav, #top-menu {display: none;}
#et_mobile_nav_menu {display: block;}
}


/* MOBILE MENU TEXT WITH CLOSE AND OPEN X */
.mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 8px;
    left: 10%;
    color: #003300;
    font-size:20px;
}

/* MOBILE MENU HAMBURGER SYTLES */
.mobile_menu_bar:before {
    position: relative;
    top: 4px;
    left: 0;
    font-size: 40px;
    content: "\61";
    cursor: pointer;
}

.mobile_menu_bar:before {color:#003300;}
/* Change the hamburger to X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}



/* TESTIMONIAL SLIDER */
.testimonial-slider h4 {margin-top:30px; font-size: 24px;}

/* SLIDER ARROWS ALWAYS DISPLAYED */

.testimonial-slider .et-pb-arrow-next {
opacity: 1;
right: 22px;
}
.testimonial-slider .et-pb-arrow-prev{
opacity: 1;
left: 22px;
}

/* MAIN MENU SUBNAV MAKE WIDER */
.nav li ul {width:300px !important;}
#top-menu li li a {width: 260px;}


/* VERTICALLY ALIGN CONTENT MODULES IN A ROW */
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 


/* GRAVITY FORM SUBMIT BUTTON STYLES */
.gform_wrapper input[type="submit"] {
    background-color: #256E1D;
    padding: .5% 2%;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 28px 28px;
    letter-spacing: 2px;
    font-size: 18px;
    border-color: #256E1D;
    border: 1px;
}

.gform_wrapper input[type="submit"]:hover {
    background-color: #003300;
    padding: .5% 2%;
    color: #FFF;
    border-color: #003300;
    border: 1px;
}

/*--------------Hide Gallery Image Title--------------*/
.mfp-title {
 display:none;
}


/*****************************/
/* 1/2 Width Full Bleed Image */
/*****************************/

/* Set the height of the image module, image-wrapper and image to 100% */

.image-fill,
.image-fill .et_pb_image_wrap,
.et_pb_image_wrap img {
 	width: 100%;
	height: 100%;
}

/* Set the object-fit property so image fills the column and is cropped*/

.image-fill img {
 object-fit: cover;
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	
	.image-fill,
.image-fill .et_pb_image_wrap,
.et_pb_image_wrap img {
 	width: auto;
	height: auto;
}
	
 .image-fill img {
 object-fit: initial;
}
}