/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* 

fixes the price table
*/


.priceTableClass table, .priceTableClass table tbody {
width:100%;
}


#apDiv3 {
	width:100%!important;
   /* width:485px;
    height:434px;*/
    z-index:12;
}

#apDiv10 {
	width:100%!important;
    /* width:485px;
    height:434px;*/
    z-index:11;
}
#apDiv11 {
	width:100%!important;
  /* width:485px;
    height:434px;*/
    z-index:11;
}


.priceTable, .priceTable td, .priceTable tbody th   {
background: #fffbd8;
	color:maroon;
	font:  Georgia; 
}



/* fixes number input boxes */
.intl-tel-input {
  display:block!important;
}

.mathcaptcha {
width:15%!important;
	max-width:300px!important;
}
.cf7-style li {
    font-size: 140%;
    text-align: justify;
    line-height: 150%;
    color: #1e73be;
}

div.wpcf7 .ajax-loader {
background-image: url('https://as4qol.org/icqol/2018/wp-content/uploads/sites/3/2017/04/ajax-loader.gif');
	width: 48px;
height: 48px;
margin-left: 10px;
}


.page-title-wrap {
	background: #19c1c6;}

/*
.page-title {
color:#002bc6;color:red;
	text-decoration:underline;
}
*/
#site-description {
    color: #fff;
}

#main-nav {
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}



#main-nav a, #main-nav ul li ul li a, #main-nav ul li.current-menu-item ul li a, #main-nav ul li ul li.current-menu-item a, #main-nav ul li.current_page_ancestor ul li a, #main-nav ul li.current-menu-ancestor ul li a, #main-nav ul li.current_page_item ul li a {
    font-size: 120%;
	color: #8c0e0e;

}

#main-nav ul li:hover > ul li a {
background-color: PapayaWhip
;}

/* on hover over submenu */
#main-nav ul li ul li a:hover, #main-nav ul li ul li:hover > a, #main-nav ul li.current-menu-item ul li a:hover {
    color: #67c2f7;color:red;
	background: lightblue;
}

#main-nav a:hover, #main-nav ul li.current-menu-item a, #main-nav ul li.current_page_ancestor a, #main-nav ul li.current-menu-ancestor a, #main-nav ul li.current_page_item a, #main-nav ul li:hover > a, #main-nav li:hover > a, #main-nav ul ul :hover > a, #main-nav a:focus {
    background: PapayaWhip;
}


#main-nav ul li.current-menu-item  a {
background: khaki;}

#main-nav ul li.current-menu-item:hover a {
background: PapayaWhip;}


#main-nav ul li.current_page_item ul li a {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wrapper {
    max-width: 90%;
}

.container {
    margin: 0 auto;
    max-width: 95%;
}