/* 
 Theme Name:     Sea Legs Theme
 Author:         DMD
 Author URI:     https://www.dmdesign.net 
 Template:       Divi
 Version:        1.0 
*/ 


.et_pb_widget .textwidget ul {
	list-style:disc !important;
	margin-left: 1.25em;
}

h1, .et_pb_title_container h1 {
    font-size: 32px;
}

#footer-info a.credits {
    font-weight: 500 !important;
    color: rgba(255,255,255,0.6);
    font-size: 0.8em !important;
}

@media only screen and (min-width: 981px ) {
	
	#header-area {
		display:block;
		margin-top: 34px;
		float: right;
		color:#c9d300;
		font-size:1.9em;
	}
	#header-area span.light { color: #f7ad00;}

} 

@media (max-width: 980px) {
	
	/* maximise width on mobile */
	#main-footer > .container,
	#top-header > .container,
	#main-header > .container,
	#et_search_outer > .container,
	body.single #main-content > .container,
	body.page:not(.et-tb-has-template) div.et_pb_row,
	body.page.et-tb-has-template .et-l--post div.et_pb_row,
	body.single-project div.et_pb_row,
	body.single-project div.et_pb_row.et_pb_row_fullwidth,
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
		width: 90% !important; 
   }
   .et_pb_fullwidth_header .et_pb_fullwidth_header_container {
		width: 90%;  
	}


	/*** 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;
	}
	
}