/*
Theme Name: The Pro Expert
Theme URI: http://the-pro-expert.com/theme
Author: Carl French
Author URI: http://theendlessbookcase.com
Description: A special purpose theme for use in creating websites for experts, professionals and specialist uses
Version: 1.5
************************* ADD CUSTOM CSS BELOW **********************
These will overide any existing definitions in default or multi-menus
*/
.menu_h {
    background-color: transparent;
}
#page_content {
    min-height:65vh;
    padding: 0 10px;
}

/*BUTTONS CSS*/
.ebc-pub-button_s {
    background: #E91C23;
    color: white;
    border-style: none;
    min-height: 30px;
    height: auto;
    font: bold 15px arial, sans-serif;
    text-shadow: none;
    cursor: pointer;
    margin-bottom: 30px;
    border: 1px solid #F01D24;
    border-radius: 0;
    box-shadow: none;
    padding: 4px;
    text-decoration: none;
    display: inline-block;
}
.ebc-pub-button_s:hover {
    border-radius: 0;
    box-shadow: none;
    color: #FFFFFF;
    text-decoration: none;
    opacity: 0.7;
    background: #E91C23;
    border: 1px solid #E91C23;
}

.eStore_variation_top {
margin-top: 10px;
}

.eStore_button.eStore_add_to_cart_button {
margin-top: 10px;
}
/*END OF BUTTONS CSS*/

/*HOME PAGE CSS*/
.prox_query_box_plus {
    background-color: #1cece4;
    padding: 10px;
    margin: 5px;
}
.qbox_header {
  font-variant-caps: small-caps;
  font-size: 1.4em;
  color: #8e3dbb;
}

.h2 {
  font-size: 1.3em;
  line-height: 24px;
  color: #2f2a26;
  padding-bottom: 5px;
  padding-top: 2px;
}

.prox_query_box_plus h2 {
  padding-bottom: 15px;
}
.prox_query_box_plus {
	height: auto;
	width: 48%;
}
a {
text-decoration: none; 
}
.prox_footer_social .ebc-fa-color {
background: transparent;
}
#top_header_social .ebc-fa-color {
border-radius: 3px; 
}
.horizontal_wrapper nav a:hover {
background-color: #000;
}

/*END OF HOME PAGE CSS*/

.EBC-highlight {
border: solid 2px #1cece4;
padding: 10px;
border-radius: 25px;
margin: 15px 3px 15px 0;
}

/*INDIVIDUAL PRODUCT PAGE CSS*/
input[type="submit"], input[type="reset"], .prox_button {
border-style: none;
}
.product_column2 {
    background-color: #1cece4;
    border-radius: 25px 0 0 25px;
    margin-bottom: 5px;
    padding: 10px;
    text-align: justify;
    line-height: 21px;
}
.product_column2 h2 {
    font-size: 1.3em;
    color: #000;
    line-height: 21px;
    margin-top: 8px;
    text-align: left;
}
.product_column1 {
    border-right: none;
}
.info_header_title {
	font-variant-caps: small-caps;
	font-size: 4em;
}
.info_header_title {
	font-variant-caps: small-caps;
	font-size: 4em;
}
#page_content {
  margin-top: 5px;
}
/*END OF INDIVIDUAL PRODUCT PAGE CSS*/

/*BLOG CSS*/

.news_columns .column2 {
border-left: 3px solid #1cece4;
padding: 10px;
border-radius: 25px;
margin-bottom: 5px;
border-right: 3px solid #1cece4;
}

.SillyVerse-flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 10px;
}
.SillyVerse-flex-container > div {
  margin: auto;
  padding: 2px;
  font-size: 0.9em;
  width: 101px ;
  text-align: center;
}

.sv_header_title_f{
    font-size:20px;
    font-variant: small-caps;
    font-weight: 800;   
    color:#FFFFFF;/*#63*/
     position: absolute;
     top: 0;
     left: 20%;
    width:60%;
    height:auto;
    text-align:center;
}


.author-title {
font-variant-caps: small-caps;
font-size: 4em;
color: #6C0FA9;
font-weight: 700;
line-height: 72px;
padding: 8px;
text-align: center
}
.prox_sub_unit, .prox_cat_page {
border: unset;
}
.info_header_title {
color: #6C0FA9;
}
.prox_grab {
color: #6C0FA9;
}
.prox_user_info img {
    width: unset;
}
.course_unit_title {
    font-variant-caps: small-caps;
font-size: 4em;
color: #6C0FA9;
font-weight: 700;
line-height: 72px;
padding: 8px;
text-align: center;
}
.product_column1 h2{
color: #6C0FA9;
}


 input:disabled {
     background-color: darkgrey;
}
#spMainContainer {
    display:block;
    margin-top:100px;
}

#all_drops {
    white-space:pre-wrap;
}

#wm-panel {
    width:100%;
    display: flex; 
    flex-direction: row;
}

#file-upload-button {
    background: #EC1C24;
    color: white;
    border-style: outset;
    border-color: #0066A2;
    height: 30px;
    font: bold 15px arial, sans-serif;
    text-shadow: none;
    cursor: pointer;
}
#drag_upload_file {
    max-height:200px;
}


#drop_continue {
    visibility:hidden;
}

.wm_benefits {
    margin:5px;
    padding:5px;
}
.h_popup, .i_popup {
 display: inline-block;
 cursor: pointer;
 width:100%;
 margin-top:12px;
}
.pop_help, .info_help {
 background-color: #111111;/*#40*/
 color:#FFFFFF;/*#41*/
 font-size:12px;
}

.h_popup .h_popuptext, .i_popup .i_popuptext {
 display:none;
 width: 80%;
 background-color: #F2FEFF;/*#42*/
 color: #000000;/*#43*/
 text-align: left;
 border-radius: 6px;
 padding: 8px 4px;
 z-index: 1000;
 margin:auto;
}
.h_popup .show, .i_popup .show {
 display:inline-block;
 -webkit-animation: fadeIn 1s;
 animation: fadeIn 1s
}

#helpPopup {
    position:absolute;
    top:-300px;
    height:200px;
    left:10%;
    background-color: #DDDDDD;
    overflow:scroll;
}
#infoPopup {
    height:200px;
    left:10%;
    background-color: #DDDDDD;
    overflow:scroll;
}

#wm_drop_panel, #wm_status_panel {
    padding:5px;
    border-style:solid;
    border-width: 2px;
}
.pg_content_info{
    position:relative;
    height:50px;
     z-index:100;
}

@media only screen and (max-width:500px) {
    .prox_query_box_plus {
        width: 100%;
    }
    .prox_plus_header_title, .hb_header_title, .hb_header_title_f {
        font-size: 10px;
    }
}

@media only screen and (max-width:600px) {
    
    .product_columns {
        flex-direction: column;
    }
    .product_column1 {
        width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-right: none;
    }
    .product_column2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }
    
}

@media only screen and (max-width:800px) {
    
    #prox_cart {
    display:none;
    }
    .product_column2 {
    border-radius: 25px;
    margin-bottom: 5px;
    padding: 10px;
    }
}