/*
Theme Name: ACE Child Theme for Divi
Theme URI: http://www.digitalheights.com
Description: ACE Child Theme For Divi
Author: Scott Heathe
Author URI: http://www.digitalheights.com
Template: Divi
Version: 1.0
*/

/* Git deployment test - this comment was added via Git workflow on 2024-12-19 */
/* CSS paths updated for dhi-custom deployment compatibility - 2024-12-19 */

/* @font-face {
	font-family: "ETmodules";
	src: url("https://www.foodsafe-courses.com/wp-content/themes/Divi/core/admin/fonts/modules.eot");
	src: url("https://www.foodsafe-courses.com/wp-content/themes/Divi/core/admin/fonts/modules.eot?#iefix") format("embedded-opentype"), url("https://www.foodsafe-courses.com/wp-content/themes/Divi/core/admin/fonts/modules.ttf") format("truetype"), url("https://www.foodsafe-courses.com/wp-content/themes/Divi/core/admin/fonts/modules.woff") format("woff"), url("https://www.foodsafe-courses.com/wp-content/themes/Divi/core/admin/fonts/modules.svg#ETmodules") format("svg");
	font-weight: normal;
	font-style: normal;
} */

html body.et_cover_background {background: #8dd3e8 url(images/bg.png) repeat-x !important;}

/* Header */
#main-header {
	background: url(images/ACE-City-Skyline-2025.png) no-repeat;
	background-size: 750px;
	background-position: calc(100% + 200px) calc(100% + 10px);
	border-bottom: 3px solid #00b3d5;
}

ul#top-menu {
	border-radius:1.5em;
	padding:0 1.5em 0 1em;
	margin-top:3em;
	margin-bottom:.5em;
	background: url(images/ace-label-courses-bg.png) no-repeat rgba(255,255,255,.65);
	background-position: -1em 50%;}
	
#top-menu .ace-menu-courses a {color:#fff;}

/* Replace Metaslider Nav Arrows */

.metaslider.ace-flex-slider .flexslider .flex-direction-nav li a {
	width: 30px;
    height: 40px;
    margin: -20px 0 0;
    box-shadow: none!important;
    display: block;
    background-color: transparent;
    background-image: url(images/bg_direction_nav-ace.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: opacity .25s ease-in-out;
    transition: all .3s ease;
}

.et_pb_widget_area .et_pb_widget a, .et_pb_widget a, .custom-html-widget a {color:#2ea3f2; text-decoration:none;}
.et_pb_widget_area .et_pb_widget a, #block-4 ul li {margin-bottom:0;}

/* Home Page Announcement Box */
#ace-home-announcement { text-align:center; background-color:#ffec9e; font-size:1.35em; padding:1.25em; border-radius:2em; margin: 0 1.5em 1em 1.5em;}

/* Footer Customizations */
#footer-bottom { border-top: 10px solid #93BF3D; }
#footer-widgets { padding:1em 0; }
#ace-footer-right { text-align:right; }
#custom_html-3 { float:right; }


/* Testimonials */
.testimonial span {
	display: block;
    text-align: right;
    font-style: italic;
    margin-bottom: 1em;
}



/* Remove border from sidebar */
.et_pb_widget_area_left { border:none; }

/* Star bullets on home page left of slider*/
/* Cheat sheet */
/* https://www.elegantthemes.com/blog/resources/elegant-icon-font */

ul.arrow_bullets, .ace-courselist-widget ol { margin:0 0 1.5em 2em; }

ul.arrow_bullets  li, .ace-courselist-widget ol li {
    list-style-type: none;
	text-indent: -.75em;
}
ul.arrow_bullets li:before, .ace-courselist-widget ol li:before {
    font-family: 'ETmodules';
    content: "\e033"; 
    speak: none;
    font-weight: normal;
    color: #93BF3D; 
    font-variant: normal;
    text-transform: none;
    line-height: 1.25em;
    -webkit-font-smoothing: antialiased;
    font-size: 1em; /*..adjust to your liking...*/
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0.5em;
    vertical-align: baseline;
}



/*#ace-courselist-section-homepage .et_pb_gutters2 .et_pb_column { margin-right: 0;} */

.ace-courselist-widget .et_pb_widget ol { padding-bottom:0; margin-left: 1em; padding-right: 1em; }
.ace-courselist-widget .et_pb_widget ol li { font-size: 13px; line-height: 1.4em; margin-bottom: .5em; margin-left:.75em;}


.foodsafe-faq { font-weight:bold; padding: 1em 0 .5em 0; }

/* Group toggles with better spacing */
.ace-metro-vancouver-fraser-valley-foodsafe-1 h4, 
.ace-victoria-nanaimo-foodsafe-1 h4, 
.ace-interior-bc-foodsafe-1 h4, 
.ace-northern-bc-foodsafe-1 h4 {
	padding: .75em 0 0 0;
}




.entry-content .et_pb_toggle_close,
.entry-content .et_pb_toggle_open,
.wpseo-local-location .et_pb_toggle_close,
.wpseo-local-location .et_pb_toggle_open { padding: .75em 20px; }

/* * * Tooltips for Long Course Names * * */
.tooltip { border-bottom: 1px dotted #069; }
a.tooltip { outline:none; text-decoration:none; }
a.tooltip strong { line-height:30px; }
a.tooltip:hover { text-decoration:none; } 
a.tooltip span {
    z-index:10; 
	display:none; 
	padding:14px 20px;
    margin-top:-25px; 
	margin-left:-20px;
    width:200px; 
	line-height:16px;
}
a.tooltip:hover span{
    display:inline; 
	position:absolute; 
	color:#111;
    border:1px solid #dca; 
	background:#fffaf0; 
}
.callout { z-index:20; position:absolute; top:20px; border:0; left:-12px; }
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

/***** Grey Buttons *****/

.btn {
        cursor: pointer;
        color: #ffffff !important;
	text-shadow: #055669 1px 1px;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	line-height: 18px;
	display:inline-block;
	position:relative;
	margin: 0 .25em .75em 0;
	padding: .5em .75em;
	border: none;
	border-radius: .25em;
	background: #59cff4; /* Old browsers */
	background: -moz-linear-gradient(top,  #59cff4 0%, #0a9fc9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #59cff4 0%,#0a9fc9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #59cff4 0%,#0a9fc9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59cff4', endColorstr='#0a9fc9',GradientType=0 ); /* IE6-9 */
}
.btn:hover {
	background: #0a9fc9; /* Old browsers */
	background: -moz-linear-gradient(top,  #0a9fc9 0%, #59cff4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #0a9fc9 0%,#59cff4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0a9fc9 0%,#59cff4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9fc9', endColorstr='#59cff4',GradientType=0 ); /* IE6-9 */
	border: none;	
	text-decoration: none;
}

/***** Contact Form ********************/

body .gform_wrapper ul li.gfield {margin-top: .5em !important; padding-top: 0;}
body .gform_wrapper .top_label div.ginput_container { margin-top: 0 !important;}
 


#left-area .gform_body ul, .entry-content .gform_body ul {
	padding-left: 0;	
}

.gform_footer .button {
	color: #ffffff;
	font-size: 1em;
	font-weight: bold; 
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	padding: .75em 1.5em;
	border: none;
	text-shadow: #055669 1px 1px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #59cff4; /* Old browsers */
	background: -moz-linear-gradient(top,  #59cff4 0%, #0a9fc9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #59cff4 0%,#0a9fc9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #59cff4 0%,#0a9fc9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59cff4', endColorstr='#0a9fc9',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	}
	
.gform_footer .button:hover {
	background: #0a9fc9; /* Old browsers */
	background: -moz-linear-gradient(top,  #0a9fc9 0%, #59cff4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #0a9fc9 0%,#59cff4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0a9fc9 0%,#59cff4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9fc9', endColorstr='#59cff4',GradientType=0 ); /* IE6-9 */
	border: none;
	}
	
.gform_footer input.button {
	color: #ffffff !important;
	}
	
.gform_wrapper .gform_footer {
	border: none!important;
	}


/* Event Espresso Registration Styles */

#content .currency-icon { border:none; padding:0; }

.page .event_data p { font-size: 14px; }
.page .event_description { margin: 1em 0 2em 0; }
.page h3.event_title { margin-top:15px; }

.page .event_espresso_attention p { margin: 5px 0 0 0; }
.page .event-data-display { padding-top:0; }
.page h4#check_title { display:none; }
.page .ace-message { margin-top: 15px; }

#content .event_data .venue-details {
	display: block;
	float: right;
	padding: 10px;
	width: 270px;
	font-size: 12px;
	margin-bottom:15px;
}	

#content .event_data .venue-details .event_venue_name { font-weight: normal; }

.event_espresso_form_wrapper .ace-course-details {width:45%; /*350px;*/}
.event_espresso_form_wrapper .ace-registration-form {margin-top: 1em;}
.espresso_payment_overview .event-messages {position:initial;margin-bottom: 2em;}
.event-messages {clear:both;position: relative;top: 1.5em;}
.ace-waiting-list-message {border:1px solid #ccc;padding:2em 1em;font-size: 14px;text-align:center;border-radius: 5px 5px 5px 5px;margin:1em 0;}
.ace-waiting-list-message .ace-bad-news {vertical-align:middle;padding: 0; margin: 0 5px 0 0;}
.ace-waiting-list-message .ace-good-news {vertical-align:middle;padding: 0; margin: 0 5px 0 0;}

p.event_time, p.start_time {margin: 0;}

.event-data-display .venue-map-small {
	float: right; 
	padding: 10px 10px 0 10px; 
	width: 260px;
	margin: 0 0 20px 20px;
	border: 1px solid #cccccc;
	background-color: #fcfcfc;
	border-radius: 5px 5px 5px 5px;
	position: relative;
	top: -120px;
}

.event-data-display table { margin-top:1.5em; }
.event-data-display table, .event-data-display tr td {border: none;}

.event-data-display .event_address { width: 200px; float:left; margin: 0 20px 0 0; }
.event-data-display .event_date_time_block { width: 200px; float:left; margin: 1em 0 0 0; }
.event-data-display .event_prices { clear:left; padding-top:20px; }
h3.section-heading {clear:left;padding-top:20px}

.event-data-display .event_prices .event_price_label { font-weight:normal; font-size: 1em; }
.event-data-display p.start_date { margin:0; }
.page .event_espresso_form_wrapper label.error {margin-left: 0 !important; width: unset;}

#event-reg-form-groups {
	margin: 0;
	position: relative;
}

div.google-map-link { text-align:center; margin:0; padding:0; }

/* Format event information above registration form */
#content #registration_form .ace_course_info .section-title { 
	width: 125px;
	display:inline-block;
	text-align:right;
	font-weight:bold;
	font-size:1em;
	line-height:20px;
	margin-right:5px; 
}

#content #registration_form .ace_course_info {
	display: none;
	border: 1px solid #FFF875;clear:left;border-radius:5px;width: 280px;padding:10px 0;background-color:#FFFCB7; }


#content dd img { border:none; } /* Removes border from payment status icon */
#content ul#espresso_payment_buttons li { list-style-type:none; } /* Removes square bullet from list of payment buttons */
input#confirm { display:none; } /* Hide first of two Confirm Registration buttons */

#content table#event_espresso_attendee_verify, table#event_espresso_attendee_verify_questions {width: 100%; }
#content table#event_espresso_attendee_verify th, #content table#event_espresso_attendee_verify_questions th {
    text-align: right;
    width: 130px;
	vertical-align:top;
}

#content .event-conf-block h2.event_title, #content .event-conf-block h2, #content #additional-conf-info h2 {
	/*background-color: #084887; */
   border: medium none;
   /*color: #ffffff; */
   font-size: 14px;
   font-weight: normal;
   padding: 2px;
	 }

#content #event_espresso_registration_form {
    margin: 10px 3px 10px 0;
}

input[type="text"], input[type="email"], textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E2E2E2;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
	font-family: Open Sans, Arial, Verdana;
	font-size: 1em;
	width: 200px;
}

.page .event_espresso_form_wrapper form fieldset {
    border: none;
	padding: 0;
	width: 100%;
}

/* Increase space around Event name on Edit Attendee screen */
#edit-attendee-record-dv .event_espresso_form_wrapper > p {
    font-size: 12px;
    margin: 1em 0.5em;
}
#edit-attendee-record-dv .event_questions h3 { font-size: 14px; }
#edit-attendee-record-dv p select {width: 240px; }

.page div.event_espresso_form_wrapper {
/*    border: 1px solid #DDDDDD;
	 border-radius: 5px 5px 5px 5px;
	 background-color: #fcfcfc;
    margin: 30px 0 0 0;
    padding: 10px; */
}

.page .event_espresso_form_wrapper label, #content .event_espresso_form_wrapper span.label, .event_price_label {
	display: block;
	float: left;
	clear:none;
	font-size: 1em;
	margin-right: 1em;
	padding-right: 1em;
	position: relative;
	text-align: right;
	width: 130px;
}

.event_espresso_form_wrapper .event_price_label {margin:.25em 1em 2em 0;font-weight:normal !important;}


.page .event_espresso_form_wrapper label em, #content .event_espresso_form_wrapper span.label em {
    color: #CC0000;
    font-size: 120%;
    font-style: normal;
    position: absolute;
    right: 0;
}

.page .event_espresso_form_wrapper label.error { float:none; margin-left:160px; text-align:left; color:#cc0000; }

.event_espresso_form_wrapper select {font-size: 1em; width: auto;}

.event_form_field textarea.ee-reg-page-text-input { width: 20em;}

table#event_espresso_attendee_verify th, table#event_espresso_attendee_verify_questions th { padding: 0.25em 0.75em !important; }
table#event_espresso_attendee_verify td, table#event_espresso_attendee_verify_questions td { padding: 0.25em 0.75em !important; }

#content p.register-link-footer a {
	color: #ffffff;
	text-shadow: #055669 1px 1px; 
	font-weight: normal;
	display: block;
	font-family: Open Sans, Arial,sans-serif;
	font-size: 12px;
	margin: 0 0 0 auto; /* Right aligned for use inside event listing table */
	padding: 8px 0 8px;
	text-align: center;
	text-decoration: none;
	width: 176px;
	border: none;
	line-height: 18px;
	background: #59cff4; /* Old browsers */
	background: -moz-linear-gradient(top,  #59cff4 0%, #0a9fc9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #59cff4 0%,#0a9fc9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #59cff4 0%,#0a9fc9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59cff4', endColorstr='#0a9fc9',GradientType=0 ); /* IE6-9 */
}
#content p.register-link-footer a:hover {
	background: #0a9fc9; /* Old browsers */
	background: -moz-linear-gradient(top,  #0a9fc9 0%, #59cff4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #0a9fc9 0%,#59cff4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0a9fc9 0%,#59cff4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9fc9', endColorstr='#59cff4',GradientType=0 ); /* IE6-9 */
	border: none;
    text-decoration: none;
}

#content p.finalize-offline-payment a {
	color: #ffffff;
	font-family: Open Sans, Arial,sans-serif;
	font-size: 12px;
	text-shadow: #055669 1px 1px; 
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin: 0 auto; /* Centre aligned */
	padding: 8px 0 8px;
	width: 176px;
	background: #59cff4; /* Old browsers */
	background: -moz-linear-gradient(top,  #59cff4 0%, #0a9fc9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #59cff4 0%,#0a9fc9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #59cff4 0%,#0a9fc9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59cff4', endColorstr='#0a9fc9',GradientType=0 ); /* IE6-9 */
}
#content p.finalize-offline-payment a:hover {
	background: #0a9fc9; /* Old browsers */
	background: -moz-linear-gradient(top,  #0a9fc9 0%, #59cff4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #0a9fc9 0%,#59cff4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0a9fc9 0%,#59cff4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9fc9', endColorstr='#59cff4',GradientType=0 ); /* IE6-9 */
	border: none;
	text-decoration: none;
}

.btn_event_form_submit, .btn-cc-payment, .event-form-submit-btn {
	border: none !important;
	color: #ffffff;
	cursor: pointer;
	font-family: Open Sans, Arial,Helvetica Neue,Helvetica,sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	text-transform: none;
}


	p.payment-types {margin: 20px 0 0 0; text-align:center;}
	.espresso_confirm_registration { padding:0 0 1em 0; text-align:center;}
	.ace-payment-required {margin:0;text-align:center; font-size: 1.25em;}

.page p.event_form_submit input.btn_event_form_submit, 
.page p.espresso_confirm_registration input.btn_event_form_submit, 
.page ul#espresso_payment_buttons input.btn-cc-payment,
.page p.event_form_submit input.event-form-submit-btn 
   {
	background: #6ec6df;
	background-image: -webkit-linear-gradient(top, #6ec6df, #0e9ec5);
	background-image: -moz-linear-gradient(top, #6ec6df, #0e9ec5);
	background-image: -ms-linear-gradient(top, #6ec6df, #0e9ec5);
	background-image: -o-linear-gradient(top, #6ec6df, #0e9ec5);
	background-image: linear-gradient(to bottom, #6ec6df, #0e9ec5);
	-webkit-border-radius: 20;
	-moz-border-radius: 20;
	border-radius: 20px;
	text-shadow: 1px 1px 3px #666666;
	color: #ffffff;
	font-size: 14px;
	padding: 8px 16px 8px 16px;
	border: solid #0ea1ca 1px;
	text-decoration: none; 
}

.page p.event_form_submit .btn_event_form_submit:hover, 
.page p.espresso_confirm_registration .btn_event_form_submit:hover, 
.page ul#espresso_payment_buttons .btn-cc-payment:hover,
.page p.event_form_submit input.event-form-submit-btn  {
	background: #56cbe8;
	background-image: -webkit-linear-gradient(top, #56cbe8, #00acd9);
	background-image: -moz-linear-gradient(top, #56cbe8, #00acd9);
	background-image: -ms-linear-gradient(top, #56cbe8, #00acd9);
	background-image: -o-linear-gradient(top, #56cbe8, #00acd9);
	background-image: linear-gradient(to bottom, #56cbe8, #00acd9);
	text-decoration: none;
}

/* New ace-course-listing template */
.ace-course-list { border-width:0 0 1px 0; border-style:solid; border-color:#f0f0f0; }
.ace-course-list-row { background-color:#ffffff; font-size:14px; border-bottom:1px solid #f0f0f0; }
.ace-course-title { width: 255px; display:inline-block; background:none; padding:0; margin:10px 0 10px 10px; }
.ace-course-date { width: 162px; display:inline-block; background:none; padding:0; margin:10px 0; }
.ace-register-button { width: 180px; float:right; background:none; padding:0; margin:0.4em 0 0 0; }
.ace-register-button a {
	color: #ffffff !important;
	text-shadow: #055669 1px 1px;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	line-height: 18px;
	display: block;
	position:relative;
	margin: 0;
	padding: .5em 0;
	border: none;
	border-radius: .25em;
	background: #59cff4; /* Old browsers */
	background: -moz-linear-gradient(top,  #59cff4 0%, #0a9fc9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #59cff4 0%,#0a9fc9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #59cff4 0%,#0a9fc9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59cff4', endColorstr='#0a9fc9',GradientType=0 ); /* IE6-9 */
}
.ace-register-button a:hover {
	background: #0a9fc9; /* Old browsers */
	background: -moz-linear-gradient(top,  #0a9fc9 0%, #59cff4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #0a9fc9 0%,#59cff4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0a9fc9 0%,#59cff4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a9fc9', endColorstr='#59cff4',GradientType=0 ); /* IE6-9 */
	border: none;	
	text-decoration: none;
}

/* Hide Debug Table */
#espresso_payment_buttons table { display: none; }

/* payment_overview.php */
.page .espresso_payment_overview dt { display: inline-block; width: 150px;font-weight:bold; }

.page .espresso_payment_overview dd { display:inline-block;width:450px;margin-left:0; }

.page .espresso_payment_overview td.section-title {width: 150px; font-weight: bold;vertical-align:top; }

/* Fix captcha image inline styles */
.page img#si_image_ctf1 { border: 1px solid #bbbbbb !important; margin:0 5px 0 0 !important; padding:0 !important; border-radius:10px 10px 10px 10px; }

/* Payment Method Page */
.page #espresso_payment_buttons { margin-top: 1em; }

#espresso-payment_page-dv .payment-option-closed {
    border: none; 
    padding: 0; 
	display:inline-block !important; }
	
#espresso-payment_page-dv .payment_container, .payment-option-dv {
	display:inline-block;
	margin:0; 
	padding:0; }
 
#off_line_payment_container .address-block p { margin:0; }

.page .event_espresso_attention {
    background: none repeat scroll 0 0 #FFFCB7;
    border: 2px solid #FFF875;
    border-radius: 5px;
    margin: 10px 0;
    padding: 15px 15px 5px;
}

.payment-option-dv .off-site-payment-gateway-img { display:none; }

#espresso-payment_page-dv .payment-option-dv #exact-payment-option-lnk.payment-option-lnk,
#espresso-payment_page-dv .payment-option-dv #paypal-payment-option-lnk.payment-option-lnk {
	display: inline-block;
	position: relative;
	max-width: 525px;
	min-height: 53px;
	padding: 20px 0 0 0;
	margin: 0 0 1em;
	border: none;
	text-align: center;
	line-height: 1em;
	vertical-align: middle;
	cursor: pointer;
	}

.event_data { margin-bottom:15px; }


/* Payment Page: Hide registration ID */
.ace-registration-id { display:none; }

/* Show bullets in alert messages */
.event_espresso_form_wrapper .event-messages ul li { list-style:disc outside none; }
#content #conf-page-message { width:70%;margin: 20px auto;  padding: 10px 15px 0; }

/** Attention */
.attention { font-weight:bold;color:#cc0000; }

/* Course List - Dropdowns - Coming Soon */
.list-coming-soon { padding: 5px 10px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;border-radius: 3px; }

/* ACE Locations List - Yoast locations page */
ul#ace-locations-list {list-style-type: disc;padding: .5em 2em 0 2em !important;border:1px solid #eee;border-radius: 1em;}
ul#ace-locations-list li {margin-bottom:1em;}
ul#ace-locations-list li:last-child {margin-bottom:.5em;}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
	.et_header_style_left #et-top-navigation nav > ul > li > a {
		padding-top:.5em !important;
		padding-bottom: .5em !important;
	}
	#logo {
		max-height: 97px !important;
	}
	
	#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
		top: .5em;
	}
	
	#main-header #et-top-navigation {
		padding-left: 0 !important;
	}
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
	.et_header_style_left #et-top-navigation nav > ul > li > a {
		padding-top:.5em !important;
		padding-bottom: .5em !important;
	}
	#logo {
		max-height: 97px !important;
	}
	
	#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
		top: .5em;
	}
	
	#main-header #et-top-navigation {
		padding-left: 0 !important;
	}
	

	
}


@media only screen and (min-width: 981px) {
	
	.et_header_style_left #et-top-navigation nav > ul > li > a {
		padding-top:.5em !important;
		padding-bottom: .5em !important;
	}
	#logo {
		max-height: 97px !important;
	}
	
	#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
		top: .5em;
	}
	
	#main-header #et-top-navigation {
		padding-left: 0 !important;
	}
	
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	
	.et_header_style_left #et-top-navigation nav > ul > li > a {
		padding-top:.5em !important;
		padding-bottom: .5em !important;
	}
	#logo {
		max-height: 97px !important;
	}
	
	#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
		top: .5em;
	}
	
	#main-header #et-top-navigation {
		padding-left: 0 !important;
	}
	
	.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {padding-top: 2.5em;}

}


@media all and (min-width: 887px) and (max-width: 980px) {
	.event-data-display .event_date_time_block {margin:0;}
}

/*** Respomsive Styles Custom Size to hide right side text over skyline ***/
@media all and (min-width: 768px) and (max-width: 1050px) {

	#main-header {
		background: url(images/ACE-City-Skyline-2018-mobile.png) no-repeat;
		background-size: 680px;
    	background-position: calc(100% + 130px) calc(100% + 1em);
		padding: 1em 0 0 0;
	}
	
}


/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	
	.et_header_style_left #et-top-navigation nav > ul > li > a {
		padding-top:.5em !important;
		padding-bottom: .5em !important;
	}
	#logo {
		max-height: 97px !important;
	}
	
	#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
		top: .5em;
	}
	
	#main-header #et-top-navigation {
		padding-left: 0 !important;
	}
	
	
	.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {padding-top: 2.5em;}

}

@media all and (max-width: 930px) {
	#footer-bottom #footer-widgets .footer-widget {padding-bottom: 0 !important; margin-bottom: 1em !important; width:100% !important; }
	.footer-widget, .footer-widget .et_pb_widget {float: none; width: 100%; margin: 0 auto;}
	#custom_html-2, #ace-footer-right {text-align: center; font-size: 15px;}
}


 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	
	#main-header {
		background: url(images/ACE-City-Skyline-2018-mobile.png) no-repeat;
		background-size: 600px;
		background-position: calc(100% + 125px) calc(100% + 1em);
	}
	
	.event_espresso_form_wrapper .ace-course-details {
		width: 100%;
	}
	.event-data-display .venue-map-small {
		float: none;
		margin: 0;
		position: initial;
		top: 0;
		clear: both;
	}
	
	.event_questions h4, .event_questions h3 { margin-top: 1.5em; padding-bottom: 0;}
	
	
}

@media all and (max-width: 550px) {
	
	#main-header { background: none; }
	
	#edit-attendee-record-dv .event_espresso_form_wrapper > p { font-size: 1em; margin: 1em 0; }
	.page .event_espresso_form_wrapper label, #content .event_espresso_form_wrapper span.label { text-align: left; display: block; width: 100%; margin-bottom: .5em; }
	.page .event_espresso_form_wrapper label em, #content .event_espresso_form_wrapper span.label em { position: relative; }
	
	.event_form_field input.ee-reg-page-text-input, .event_form_field textarea.ee-reg-page-text-input, .event_espresso_form_wrapper select, .event_espresso_form_wrapper select.DROPDOWN_14, .event_espresso_form_wrapper select.DROPDOWN_17 { width: 100%; padding: .5em; }

	.et_header_style_left #logo {max-width: 80%;}
	
}

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


	
}

.ace-main-course-list {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: #fff;
  margin: 2em 0;
  padding: 0;
}

.ace-main-course-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  padding: 1em 1.5em;
  min-height: 60px;
}

.ace-main-course-row:last-child {
  border-bottom: none;
}

.ace-main-course-title {
  flex: 2 1 300px;
  font-size: 1.15em;
  font-weight: 500;
  color: #217ab7;
}

.ace-main-course-title a {
  color: #217ab7;
  text-decoration: none;
}

.ace-main-course-date {
  flex: 1 1 200px;
  text-align: left;
  color: #444;
  font-size: 1em;
  margin-left: 1em;
}

.ace-main-course-button {
  flex: 0 0 220px;
  text-align: right;
}

.ace-main-course-button a {
  display: inline-block;
  background: linear-gradient(to bottom, #3ec6f0 0%, #1ca0dd 100%);
  color: #fff;
  border-radius: 6px;
  padding: 0.6em 1.5em;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 2px 4px rgba(30, 160, 221, 0.08);
  transition: background 0.2s;
}

.ace-main-course-button a:hover {
  background: linear-gradient(to bottom, #1ca0dd 0%, #3ec6f0 100%);
}

@media all and (max-width: 767px) {
  .ace-main-course-row {
    flex-direction: column;
    align-items: stretch;
    padding: 1em 0.75em;
  }
  .ace-main-course-title,
  .ace-main-course-date,
  .ace-main-course-button {
    flex: unset;
    width: 100%;
    margin: 0 0 0.5em 0;
    text-align: left;
  }
  .ace-main-course-title {
    font-size: 1.1em;
    margin-bottom: 0.25em;
  }
  .ace-main-course-date {
    font-size: 1em;
    margin-bottom: 0.25em;
    margin-left: 0;
  }
  .ace-main-course-button {
    margin-bottom: 0;
    text-align: left;
  }
  .ace-main-course-button a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0.8em 0;
    font-size: 1.05em;
    text-align: center;
  }
}