/* 
 Theme Name:     Brand Solutions
 Author:         Brand Solutions
 Author URI:     http://www.brandsolutions.com.au
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.9.8
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/***** 
	grey b6b6b7
	blue 1da0be
	black  636363
******/


/*** MAKE SITE WIDER ON SMALLER SCREENS ***/
@media only screen and (max-width: 980px) {
.et_pb_row {
width: 90%; /*** you might need !important ***/
}
}

/* SCALE DOWN THE MAIN MENU TO MOBILE MENU ****
@media (max-width: 1025px) {
      #et_mobile_nav_menu {display: block !important;}
      #top-menu {display: none !important;}
 }

*/


/*******
	MENU customisation
******/


/**** menu resizing - responsive ***/
@media all and (min-width: 768px) and (max-width: 1240px) {
    
    #quadmenu .quadmenu-navbar-nav>li.quadmenu-item-type-post_type>a>.quadmenu-item-content>.quadmenu-text {
        font-size: 14px;
        padding: 0
    }

    #quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav > li > a > .quadmenu-item-content{
        padding: 0 8px;
    }
    
    #logo {
	    margin-left: 2%;
	    max-height: 80%;
    }

}


@media (max-width: 980px) {
	#logo {max-height: 100% !important;}
	.et_pb_svg_logo #logo {height: 95%}
	
}


/**** force logo position on larger desktop ****/
@media only screen and (min-width: 1441px) {    
    .et_fullwidth_nav #main-header .container {
        max-width: 1300px;       
    }  
}


/***** LOGO ON MOBILE DEVICES****/




#menu-item-750, #menu-item-750:hover {
    color: #fff !important;
    background: #515151 !important;
}

#menu-item-750 .quadmenu-item-content {
    color: #fff !important
}


#menu-item-750 .quadmenu-icon {
    color: #fff !important
}

#menu-item-750 .quadmenu-item-content .quadmenu-text.hover.t_1000 {
    color: #f3f3f3 !important
}


#quadmenu.quadmenu-divi_primary_menu {
	margin-bottom: 6px;
}

/****** menu active colour *****/
#quadmenu .quadmenu-navbar-nav>li.quadmenu-item-type-post_type>a>.quadmenu-item-content>.quadmenu-text:active {
    color: #1da0be !important;
}

.et-fixed-header .quadmenu-text{
    color: #585858;
    
}



/**** main logo ***
@media only screen and (min-width: 1024px) {
#logo {
    max-height: 100% !important;
}
}
*/


/***** 
	Global Typography 
******/

.et_pb_text li {
    margin-top: 7px ;
}


/***** 
	Vertical Align 
******/

.vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/*******
	NAVIGATION
********/

/**** Remove Horizontal Line ****/

header#main-header.et-fixed-header, #main-header{
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}


#top-menu li.current-menu-item>a {
    color: #5f9ebd;
}

#top-menu li.current-menu-ancestor>a{
    color: #5f9ebd;
}

/** width of sub menu **/
#top-menu li li a { 
    width: 330px;
    font-size: 13px;
}

#top-menu li li a:hover { 
    width: 330px;
    color: #fff;
}

#top-menu li li:hover {
    background: #5f9ebd
}

#top-menu a:hover {
    color: #5f9ebd;
}

.nav li ul {
    padding: 0;
    width: 330px;
}

#top-menu li li {padding: 0}


.menu-calendar a {
    color: #fff !important
    }

.menu-calendar a:hover {
    color: #5f9ebd !important
    }

.menu-calendar #top-menu li li a:active {
    color: red !important
}

/**** fixed navigation ****/
.et-fixed-header #top-menu li li a:hover {
    color: #fff !important;
}

.et-fixed-header #top-menu .menu-calendar a {
    color: #fff !important
}


/*******
	FOOTER ALL
********/

/*** Align footer text to center ***/
#footer-info { width: 100%; margin:0 auto; text-align: center !important; }
@media only screen and (min-width: 980px) { 
    #footer-bottom .et-social-icons { margin-bottom:-28px; } 
}

#footer-info { 	font-weight: 400; }
#footer-info a{ font-weight: 400; }


/*****
	Enquiry Form Sidebar look 
*****/

.enquiry-form{
	border: 1px solid #d5d5d5;
	padding: 20px;
    padding-right: 5px
}	
.enquiry-form h5 {
    color: #fff;
    background: #019cbc;
    padding: 20px;
    padding-right: 15px;
    margin: -20px;
    margin-right: -5px;
    margin-bottom: 20px;
    font-weight: 700;
}
	
/*** BUTTON **/
.enquiry-submit-btn .btn.btn-submit {
    width: 100%;
    background: #515151;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: large;
}

.enquiry-submit-btn .btn.btn-submit:hover {
    background: #019cbc
}



/********* 
	Subscribe form button customisation 
*******/

.email-subscribe .btn.btn-default {
    border: none;
    background: #515151;
    padding: 10px 35px;
    color: #fff
}
.email-subscribe .btn.btn-default:hover {
    background: #1da0be;
}


/********* 
	COURSE ARCHIVE 
*******/

/*** WHOLE CONTAINER ****/
.course_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
   
}


/**** INDIVIDUAL COURSE CONTAINER ****/
.course_info {
    border: 1px solid #1da0be;
    width: 32%;
    margin-bottom: 30px;
    margin-left: 1.3%;
 }
/** COURSE IMAGE ***/
.course_thumb img{
    width: 100%;
    margin-bottom: 10px;
}

/** COURSE TITLE ***/
h2.course_title {
    margin: 0 20px;
    width: 85%;
    font-size: 1.3em;
    font-weight: 800;
}


/**** COURSE SUMMARY ****/
.course_summary {
    margin: 0 20px;
}

/*** BUTTON **/
.view_course  {
    padding: 2px 15px 5px 15px;
    background: #1da0be;
    margin: 15px 20px;
    display: inline-block

}
.view_course:hover {
    background: #636363;
}

.view_course a {
    color: #fff;
    padding: 5px 0px;
    font-size: .8em;
}



.course_info {
    position: relative;
    padding-bottom: 70px
}

.view_course {
   position: absolute;
   bottom: 0px;
}



@media only screen and (max-width: 768px){
	.course_info {
	    width: 100%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 999px){
	.course_info {
	    width: 48%;
    }
}




/***** 
	Event Calendar
*****/


/*hide country ***/
.tribe-events-meta-group dd.location span.tribe-country-name {
  position: absolute;
  top: -10000px;
  visibility: hidden;
}


/***** HIDE Next & Previous Event link ******/
.events-single .tribe-events-sub-nav {
    display:none !important;
}

/**** TOOLTIP HIGHLIGH ****/
#tribe-events-content .tribe-events-tooltip h4 {
	background: #1da0be;
}


/***** 
	Sidebar
	listing of course category on calendar page 
*******/
	
#tribe_events_filters_wrapper .tribe-events-filter-group label {
	padding: 5px 15px;
}

.tribe-events-filter-group {
	max-height: 500px;
}	

.tribe-events-filter-group ul {
	max-height: 500px
}	

/**** margin above single page ***/

#tribe-events-content {
    margin-top: 50px;
}

/******* 
	Trainer Listing 
**********/
@media only screen and (max-width:768px){
.facetwp-checkbox { 
    display: block !important; 
    margin-right: 80px; 
    padding-left: 20px;
    font-size: 1.2em; 
    background-size: 20px 20px;
    width: 500px;
}
}



.facetwp-checkbox { 
    display: inline-block; 
    margin-right: 30px; 
    padding-left: 20px;
    font-size: 1.2em; 
    background-size: 20px 20px;
}


.facetwp-counter {
    display: none;
}

.facetwp-checkbox:before {
    content: "";
    padding-left: 5px;
}

.reset_btn {
  padding: 10px 35px;
    background: #1da0be;
    border: none;
    color: #fff
 }

.reset_btn:hover {
    background: #585858;
}


.traineer_container {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
 
       
}


.trainer_info {
   width: 310px;
   margin: 10px 20px 10px 0;
	border: 2px solid #f3f3f3;
    padding: 10px;   
}


.trainer_name {
    padding-bottom: 5px
}

.trainer_info p{
   padding-bottom: 3px;
}



/**** 
	Widget Setting on Home page 
*****/


#tribe-events-adv-list-widget-2 h4 {
    font-weight: 600;
    font-size: 1.7em;
}

.list-info h2 {
    padding-bottom: 0
}

.tribe-events-widget-link {
    font-weight: 700;
    color: #1da0be
}

.tribe-mini-calendar-event .list-info h2 {
	margin-bottom: 5px
}



/**** popup button pay online *****/
p.enrol_btn{
    background: #d88e2d;
    padding: 15px 25px;
    display: inline-block;
    width: 230px;
    font-size: 20px;
       
}

p.enrol_btn a { color: #fff !important}


/*******
	Login Menu 
*******/
#top-header {
    padding-top: 5px;
    
}

#menu-item-915 .quadmenu-item-content{
    color: #fff !important;
    padding-bottom: 10px !important;
}

.quadmenu-icon {
    color: #fff !important;
    padding-right: 2px !important
}

.quadmenu-bottom-text { display:none;}




/****
	two buttons on home page
****/
.auschem_btn_row .et_pb_button_module_wrapper{
    display: inline-block;
    margin: 0 5px;
}

.auschem_btn_row {
    text-align: center
}


/*** 
	Remove Price on Event date line on single page
****/

.tribe-events-cost {
	display: none
}


/*** 
	online form submit for course
***/
	h2.form-heading {
margin-top: 20px;  
font-weight: 600;
}

/*** styles for calendar *****/
.tribe-events-list-separator-month:after {
    content: " : Click on course for contact details to enrol";
    font-weight: 400;
    text-transform: none;
}

.tribe-events-list-event-title, .tribe-events-month-event-title {
    color: #1da0be;
    font-weight: 700 !important;
}

