/*
 Theme Name:     harpymusic.com 2016
 Theme URI:      
 Description:    Divi Child Theme
 Author:         Musician's Institute
 Author URI:     http://www.harpymusic.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

@media only screen and (min-width: 641px){	

	body #gform_wrapper_20 .validation_error {
	border: 1px solid white;
	color: white;
}

body #gform_wrapper_20 { 
  max-width: 80%;
  margin: 0 auto;
 }
 
 body #gform_wrapper_20 ul li.gfield .ginput_container,
 body #gform_wrapper_20 ul li.gfield .gfield_description,
 body #gform_wrapper_20 div.ginput_complex label,
 body #gform_wrapper_20 input:not([type='radio']):not([type='checkbox']):not([type='submit']), 
 body #gform_wrapper_20 select, 
 body #gform_wrapper_20 textarea { 
  text-align:center;
 }
 
 body #gform_wrapper_20 ul.top_label li.gfield label.gfield_label {
  text-align: left;
  display: block;
 }
   
  body #gform_wrapper_20 .gform_footer,
  body #gform_wrapper_20 .gform_page_footer{
    text-align: center;
	}  
}

input[type="checkbox"]:disabled + label { color: #999; }

.course-title {
  color: black!important;
  font-weight: bold;
}


@media only screen and (min-width: 600px) {
.mobile-only {
	display:none !important;
}
}

.et_mobile_menu {
width:125%;
margin-left: -12.5%;
}

ul {
  list-style-type: square;
  list-style-position: outside;
	margin-left: 10px;
}

.sub-menu {
  margin-left: 0px;
}

ol {
  list-style-position: outside;
  margin-left: 10px;
}


/*  SECTIONS  */
.section {
	clear: both;
  color: white;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}



.uk-subnav>.uk-active>* {
  color: #4395a1;
  font-weight: bold;
}

.uk-subnav a:hover {
  color: #4395a1 !important;
}


/* gravity forms */

.gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message {
  color: white;
}

body .gform_wrapper .validation_error {
  border: 1px solid #000;
    background: yellow;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px;
}


body .gform_wrapper .gform_body ul.gform_fields li.gfield_error {
  border:1px solid #000;
  padding-left: 10px;
  background-color: #593565 !important;
}

body .gform_wrapper .gform_body ul.gform_fields li.gfield_error label,
body .gform_wrapper .gform_body ul.gform_fields li.gfield_error div.validation_message {
  color: yellow !important
}


body .gform_wrapper .gform_footer input[type=submit] {
  background: #4395a1;
  padding: 10px 10px;
  border: solid;
  border-width: 1px;
  border-color: white;
  font-family: 'roboto condensed', sans-serif !important;
  font-weight: bold;
  font-size: 20px;
  color: white;
}

body .gform_wrapper .gform_footer input:hover[type=submit] {
  background: #29b5b6;
  color: #f7e6d2;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_required {
  color: red;
}

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_product_price {
  color: orange;
  font-weight: bold;
}

body .gform_wrapper .gform_body .gform_fields .gfield_total span {
  color: orange;
  font-weight: bold;
}


.gform_wrapper ul.gravity_radio li input[type="radio"] {
  display: none !important;
}

.gform_wrapper ul.gfield_radio li input[type="radio"] + label {
  padding: 5px;
}

.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
  color: orange;
}



body .gform_wrapper .gform_body .gform_page_footer .gform_next_button {
  background: #4395a1;
  padding: 10px 10px;
  border: solid;
  border-width: 1px;
  border-color: white;
  font-family: 'roboto condensed', sans-serif !important;
  font-weight: bold;
  font-size: 20px;
  color: white;
}

body .gform_wrapper .gform_body .gform_page_footer .gform_previous_button {
  background: #4395a1;
  padding: 10px 10px;
  border: solid;
  border-width: 1px;
  border-color: white;
  font-family: 'roboto condensed', sans-serif !important;
  font-weight: bold;
  font-size: 20px;
  color: white;
}

body .gform_wrapper .gform_body .gform_page_footer .gform_button {
  background: #4395a1;
  padding: 10px 10px;
  border: solid;
  border-width: 1px;
  border-color: white;
  font-family: 'roboto condensed', sans-serif !important;
  font-weight: bold;
  font-size: 20px;
  color: white;
}

#left-area ul, .entry-content ul, .comment-content ul, body.et-pb-preview #main-content .container ul {
  list-style-type: square;
}

.hero-head {
	text-shadow: 2px 2px 10px #000000;  
    color: #ffffff; 
}

.hero-subhead p {
  font-weight: bold;
	text-shadow: 2px 2px 10px #000000;
  color: #ffffff; 
  font-size: 1.2em !important;
  line-height: 1.3em;
}

.et_pb_portfolio_item h2 {
  font-size: 1.2em;
}

.uk-panel-box-secondary {
	background-color: #593565;
}

.titleix-list li {
  padding-left: 20px;
  list-style-position: outside;
}

.titleix-list li {
  margin: 10px 0;
}

.bottom-nav {
text-align: center;
}

body .gform_wrapper .gform_footer input[type=submit] {
  background: #4395a1;
  padding: 10px 10px;
  border: solid;
  border-width: 1px;
  border-color: white;
  font-family: 'roboto condensed', sans-serif !important;
  font-weight: bold;
  font-size: 20px;
  color: white;
}

body .gform_wrapper .gform_footer input:hover[type=submit] {
  background: #29b5b6;
  color: #f7e6d2;
}

.et-social-instagram a.icon:before { content: '\e09a'; }
.et-social-youtube a.icon:before { content: '\e0a3'; }



/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #000;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

/* Update event dates here */

/*.OHDate {
    visibility: hidden;
    position: relative;
}

.OHDate:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Saturday, November 16, 2024 at 10:00 AM (Pacific Time)";
}

.OHNoTime {
    visibility: hidden;
    position: relative;
}

.OHNoTime:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Saturday, November 16";
}

.VOHDate {
    visibility: hidden;
    position: relative;
}

.VOHDate:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Saturday, October 19, 2024 at 10:00 AM (Pacific Time)";
}

.VOHNoTime {
    visibility: hidden;
    position: relative;
}

.VOHNoTime:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Saturday, October 19, 2024";
}

.VOHTime {
    visibility: hidden;
    position: relative;
}

.VOHTime:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "at 10:00 AM (Pacific Time)";
}

.FAISDate {
    visibility: hidden;
    position: relative;
}

.FAISDate:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Thursday, September 19, 2024 at 4:00 PM (Pacific Time)";
}

.HARPYOISDate {
    visibility: hidden;
    position: relative;
}

.HARPYOISDate:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Thursday, September 12, 2024 at 4:00 PM (Pacific Time)";
}

.FoundationBegining {
    visibility: hidden;
    position: relative;
}

.FoundationBegining:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "FALL 2024";
}

.FoundationDeadline {
    visibility: hidden;
    position: relative;
}

.FoundationDeadline:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "August 30th, 2024";
}*/