/*======================================
Theme Name: The Ultimate Creative
Theme URI: https://theultimatecreative.com
Description: The Ultimate Creative
Version: 1.0
Author: Emily Milling
Author URI: https://theultimatecreative.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

.formkit-form[data-uid="fdba80e4af"] {
	min-width: 100%;
	max-width: 100%;
	width: 100%;
}

.formkit-form[data-uid="be4cac3cc0"][min-width~="700"] [data-style="clean"], .formkit-form[data-uid="be4cac3cc0"][min-width~="800"] [data-style="clean"] {
	padding: 0px !important;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar {
	display:none;
}

.et_pb_tabs_controls {
  background-color: rgba(0,0,0,0) !important;
  display: flex;
}

.et_pb_tabs_controls li {
  border-right: 0px !important;
  width: auto;
  flex-grow: 33;

}

ul.et_pb_tabs_controls:after {
  border-top: 0px !important;
} 

.ld-course-list-items .ld_course_grid .btn-primary {
	background-color: #108699 !important;
    border-color: #108699 !important;
	border-radius: 0px !important;
}

.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price {
	background: #dd3c3c !important;
}

.learndash-wrapper .ld-expand-button {
	border-radius: 0px !important;
}

.learndash-resume-button a {
	background-color: #108699 !important;
    border-color: #108699 !important;
	border-radius: 0px !important;
	color: #ffffff;
	font-size: 20px;
}

.resume-item-name {
	display: none;
}

.single-sfwd-courses .post-meta,
.single-sfwd-lessons .post-meta,
.single-sfwd-topic .post-meta,
.single-sfwd-quiz .post-meta,
.single-sfwd-assignment .post-meta {
	display: none;
}


.et_portfolio_image {
 padding-top: 100%;
 }
 .et_portfolio_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 object-fit: cover;
 }

.subscription-details {
	font-size: 12px;
}
.et_pb_section .et_pb_wc_add_to_cart_2 .button{
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -5px;
}

.schema-how-to-steps {
list-style-type: none !important;	
}

.formkit-form[data-uid="12359d0350"] {
	max-width: 100% !important;
}

/****** REMOVE ARROWS ON HOVER AND ADJUST PADDING ******/
.woocommerce #content input.button.alt:after, .woocommerce #content input.button:after, .woocommerce #respond input#submit.alt:after, .woocommerce #respond input#submit:after, .woocommerce a.button.alt:after, .woocommerce a.button:after, .woocommerce button.button.alt:after, .woocommerce button.button:after, .woocommerce input.button.alt:after, .woocommerce input.button:after, .woocommerce-page #content input.button.alt:after, .woocommerce-page #content input.button:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce-page #respond input#submit:after, .woocommerce-page a.button.alt:after, .woocommerce-page a.button:after, .woocommerce-page button.button.alt:after, .woocommerce-page button.button:after, .woocommerce-page input.button.alt:after, .woocommerce-page input.button:after {
	content: none !important;
}
.woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	padding: .3em 1em !important; /* this is Divis default button padding */
}


.box-shadow-tuc {
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.33);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.33);
}