/*
 Theme Name:   Education At Sea
 Theme URI:    http://educationatsea.com.au/EducationAtSea/
 Description:  Education At Sea Child Theme
 Author:       The Other Dimension
 Author URI:   http://theotherdimension.com
 Template:     Divi
 Version:      2.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  EducationAtSea
*/


/*** TO BE ADDED BELOW CHILD THEME CSS INFO ***/




/*** General Styling ***/
::selection {
	background-color: #244464;
	color: #ffffff;
}



/*** Typography Styling ***/

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3em !important;
    padding-bottom: 20px !important;
}

h3 {
	font-family: "PT Serif Caption", Helvetica, Arial, Lucida, sans-serif !important;
	color: #244464 !important;
	font-size: 22px !important;
}

h5 {
	color: #244464 !important;
}


ul {
    padding-left: 50px !important;
}

p.conf-cruise {
	color: #71abd0 !important;
	font-weight: bold;
}

h5.conf-date {
	color: #71abd0;
}


/*** Navigation Styling ***/

.footer-widget {
	text-align: center;
}

.footer-widget .et_pb_widget {
	float: none !important;
}

.footer-widget img {
	max-width: 80% !important;
}

.eas-travel h4 {
	padding-bottom: 0;
	line-height: 1.25em !important;
}

.eas-travel {
	min-height: 80px;
}

.eas-middle-row {
	align-items: center;
	-webkit-align-items: center;
	display: flex;
}

.gform_wrapper .top_label .gfield_label {
    color: #71abd0 !important;
}

.nav li ul {
	padding-left: 0 !important;
}

.nav li li {
	line-height: 1.5em;
}

/*** Module Styling ***/

.et_pb_button,
.et_pb_button:hover {
	padding: .4em 1.75em .2em !important;
	line-height: 1.6em !important;
}

.et_pb_button:after {
	line-height:0.8 !important;
	margin-left: 0 !important;
}

.et_button_icon_visible .et_pb_button {
	padding-left: 1em !important;
}

.et_pb_toggle_close {
	background-color: #ffffff;
}

.et_pb_toggle {
	border: 1px solid #244464;
}

.et_pb_toggle_title:before {
	color: #71abd0;
}

.et_pb_toggle_title {
	color: #244464;
}

table th {
	background: #244464;
	color: #ffffff !important;
	font-weight: bold;
}

table tr:nth-child(even) {
	background-color: #ffffff;
}

table tr:nth-child(odd) {
	background-color: #f5f5f5;
}

.et_pb_accordion .et_pb_toggle.et_pb_text_align_left .et_pb_toggle_title, .et_pb_accordion .et_pb_toggle.et_pb_text_align_left h5.et_pb_toggle_title, .et_pb_accordion.et_pb_text_align_left .et_pb_toggle_title, .et_pb_accordion.et_pb_text_align_left h5.et_pb_toggle_title, .et_pb_toggle .et_pb_toggle_title, .et_pb_toggle h5.et_pb_toggle_title, .et_pb_toggle.et_pb_text_align_left .et_pb_toggle_title, .et_pb_toggle.et_pb_text_align_left h5.et_pb_toggle_title {
    padding: 0px 50px 0 0 !important;
}

@media all and (min-width: 981px) {
	.eas-conf-feed .et_pb_post .entry-featured-image-url {
	    display: block;
    	position: relative;
    	margin-bottom: 30px;
    	width: 46%;
    	margin-right: 4%;
    	float: left;
    	clear: both;
    	min-height: 300px;
	}
	.eas-conf-feed h2.entry-title,
	.eas-conf-feed .post-content {
		width: 50%;
		float: left;
	}
}

.eas-conf-feed .et_pb_post:before {
	content: "";
    border-top-style: dotted;
    border-top-width: 4px;
    border-top-color: #244464;
    display: block;
    width: 50px;
    z-index: 1;
    margin: 5% auto;
    height: 9px;
    width: 50px;
}

.eas-conf-feed .et_pb_post:first-child:before {
	display: none;
}

/*** Form Styling ***/

.gform_wrapper span.gfield_required {
color: #244464;
}

.eas-booking span.gfield_required {
	color: #ffffff;
}

select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

input[type=text], 
input[type=password], 
input[type=tel], 
input[type=email], 
input.text, 
input.title, 
textarea, 
select {
	background-color: #ececed;
	border: none;
	padding: 8px !important;
	color: #000000;
}

input[type=text]:focus, 
input[type=password]:focus, 
input[type=tel]:focus, 
input[type=email]:focus, 
input.text:focus, 
input.title:focus, 
textarea:focus, 
select:focus {
	box-shadow: 0 0 0 1px #244464;
}

.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .button.gform_next_button {
	float: right;
	color: #ffffff !important;
	padding: 0.3em 1em 0.1em !important;
	font-size: 18px !important;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #71abd0;
	line-height: 1.7em !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	text-align: center;
}

.gform_wrapper .button.gform_previous_button {
	float: left;
	color: #ffffff !important;
	padding: 0.3em 1em 0.1em !important;
	font-size: 18px !important;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #71abd0;
	line-height: 1.7em !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	text-align: center;
}

.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .button.gform_next_button:hover,
.gform_wrapper .button.gform_previous_button:hover {
color: #ffffff !important;
background: #244464 !important;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

ul.gform_fields {
	padding-left: 0 !important;
}

ul.gfield_radio {
	padding-left: 20px !important;
}

.eas-booking,
.eas-booking .top_label .gfield_label {
	color: #ffffff !important;
}

.eas-booking-module p {
	display: none;
}

.gform_wrapper {
	margin: 0 !important;
}

body .gform_wrapper .top_label div.ginput_container {
	margin-top: 0 !important;
}

.ginput_container_date label {
	display: none !important;
}


/*** Responsive Styling ***/

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

 
}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {


}

/*** Responsive Styles Tablet And Above ***/
@media all and (min-width: 981px) {
	.gform_footer {
		padding: 0 0 40px !important;
	}
}

/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

	.et_mobile_menu {
		background-color: #ffffff !important;
	}
	.et_mobile_menu li a {
		color: #71abd0 !important;
	}
	.eas-test {
		max-width: none !important;
	}
	.eas-middle-row {
		display: block;
	}
		.swap_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;
	} 
	.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;
	}
	.swap_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {


}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {


}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 480px) {
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
		width: 100%;
	}
	.et_pb_section {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.et_pb_section_first {
		padding-top: 0 !important;
	}
	.et_pb_widget {
		float: none;
	}
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content-container {
		width: 80%;
	}
	.et_pb_fullwidth_section {
		padding-bottom: 0 !important;
	}
	hr {
		margin-bottom: 30px;
	}
	.entry-content ul {
		padding-left: 20px !important;
	}
	.entry-content tr td {
		border-bottom: none;
		border-top: none;
		text-align: left;
		padding: 8px !important;
		display: table-row;
		width: 100% !important;
	}
	.overflow-table {
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.entry-content th {
		display: none;
	}
	.entry-content table {
		border: 0;
	}
	.et_header_style_left #logo {
		max-width: 60%;
	}
	h1 {
    	font-size: 13vw !important;
	}
	.header-content h1 {
		font-size: 11vw !important;
	}
}