/*
 Theme Name:   AACDS
 Description:  Flatsome Child Theme
 Author:       First Nature
 Template:     flatsome
 Version:      1.0.0
*/

/********************* Colour reference chart******************
grey                #5c6f7c
light grey          #dddddd
aacdsblue           #00B6DD
lightblue           #F7FFFF
dark blue           #297BC5
bright aqua         #00e7f2
light aacdsblue     #6ECBED
*******************/

/********************* Theme Customization ******************
1. General Layout
2. TYPOGRAPHY
3. Header 
4. Misc html elements
5. Custom posts and pages 
6. Footer and Widget
7. Sidebar
8. Shortcodes
9. Plugins
*******************/


/******************************************
1. General Layout
******************************************/

.page-wrapper {
padding: 0;
}

.entry-header{
margin-top: 20px;
margin-bottom: 20px;
}


.row.container.course-header {
margin-bottom: 0px !important;
}

/*HEADER EXCERPT - REMOVING CONTINUE READING LINK*/
.page-header a {
display: none;
}

/******************************************
2. TYPOGRAPHY
******************************************/

body, p {
line-height: 1.4;
font-family: 'dinregular';
}

body, p, h1, h2, h3, h4 {
color: #5c6f7c;
}

#content h1{
    padding-top:10px;
}

h1, h1.entry-title {
font-family: 'DinLight';
opacity: 0.8;
text-transform: uppercase;
}

.type-page h1.entry-title, .search-results .text-center h1.entry-title {
margin-bottom: 20px;
}

h3 {
font-family: 'dinmedium';
font-weight: normal;
opacity: 0.8;
}

h2 {
font-family: 'dinregular';
font-weight: normal;
line-height: 1.2em;
margin-bottom: 0.2em;
}

h4 {
font-family: 'dinmedium';
font-weight: normal;
opacity: 0.8;
}

h5 {
font-family: 'dinmedium';
font-weight: bold;
font-size: 0.8em !important;
opacity: 0.8;
letter-spacing: 1.2px;
margin-bottom: 0;
}

.white{color:white;}

code {
font-family: DINREGULAR;
font-weight: NORMAL;
color: #5c6f7c;
}

ul{
list-style-position: inside !important;
}

/*LIST*/
.column-inner > ul, .column-inner > ol, .entry-content > ul, .short-description > ul, .tabs-inner ul, .tabs-inner ol, .accordian-inner ul, .accordian-inner ol, .woocommerce > ul, .woocommerce > ol {
margin-left: 0px !important;
}

ul.mycourse li {
list-style: none;
margin-left: 0;
padding-left: 15px;
text-indent: -0.9em;
}

ul.mycourse li:before {
content: "\2022";
padding-right: 6px;
}




/******************************************
3. Header
******************************************/

/**** Top Bar*******/

#top-bar-left > a {
    font-family: 'dinmedium' !important;
    color:white;
    font-weight: bold;
}


#top-bar li > a {
font-family: 'dinmedium' !important;
letter-spacing: 0.6px;
font-weight: bold;
font-size: 90%;
    text-transform:uppercase;
}

ul.top-bar-nav li{
border-left: 1px solid rgba(255, 255, 255, 0.8);
}

#top-bar li > a:hover {
border-bottom:0px !important;
}

#top-bar li.current-menu-item > a {
color: white !important;
}

.fb-top > a.nav-top-link{
color:#00b6dd !important;
}

.fb-top > a.nav-top-link:hover{
color:#00b6dd !important;
}

.fb-top > a.nav-top-link:before {
font-family: "icomoon" !important;
speak: none !important;
content: "\e002" !important;
color: white !important;
}

li#menu-item-613 {
margin-right: -10px;
}

/*Logo*/
#masthead.site-header #logo a img {
max-height: none;
padding-bottom: 10px;
}

/*Adding the subtitle*/
ul#site-navigation::after {
content: "Australasian Academy of Cosmetic Dermal Science";
position: absolute;
top: 60px;
right: 15px;
font-family: 'dinregular';
font-size: 1.2em;
color: #00B6DD;
}

/*Menu layout*/
#masthead .left-links > ul {
    float: right;
    padding-top: 80px;
}

ul.header-nav li{
    margin-left: 25px;
}

.wide-nav .header-nav a.nav-top-link{padding-right: 0px;}

.wide-nav.move_down {
top: 90px;
}

.wide-nav-search.hide-for-small {
float: right;
}

.wide-nav-search > div{
    vertical-align: bottom;
    padding:0px !important;
}

#masthead.site-header .wide-nav-search > div {
    height: 63px;
}

.wide-nav {
background-color: #FFF;
box-shadow: none;
}

.nav-wrapper {
border-bottom: 1px solid #eee;
}

.home .nav-wrapper {
border-bottom: 0px !important;
}

.catalog-mode-header{padding-top:67px;}

/*Menu after being moved down*/

#masthead.stuck.move_down .wide-nav-search > div {
height: 30px;
}

#masthead.stuck.move_down ul#site-navigation::after{
    content:"";
}

#masthead.stuck.move_down > ul#site-navigation::after {
    display:none;
}

.wide-nav.stuck{
    opacity:1; box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);}

#masthead.stuck{
    box-shadow: none; 
    /*opacity:1;*/
}


/**** Main Menu Typography*******/

li.current-menu-item > a.nav-top-link, 
li.current-menu-ancestor > a.nav-top-link,
li.current-page-ancestor > a.nav-top-link {
color:#00B6DD !important; opacity: 1 !important;
}

ul.header-nav li a {
font-family: 'dinregular';
}

ul.header-nav a.nav-top-link {
color: #5c6f7c;
opacity: 0.8;
}

ul.header-nav li.active a.nav-top-link {
color: #5c6f7c;
}

ul.header-nav a.nav-top-link:hover {
color: #00B6DD !important;
}

/*** submenu ***/

.nav-dropdown, .sub-menu.submenu-languages {
border: 0px !important;
    margin-top:14px !important;
}

.nav-dropdown {
background-color: #5c6f7c;
/*fix the pc chrome proble here*/    
}

.nav-dropdown > ul:after, .nav-dropdown > .row:after, .nav-dropdown-inner:after, .menu-item-language .sub-menu:after {
border-bottom-color: #5c6f7c;
}

ul.header-nav li .nav-dropdown li a {
color: white;
border-bottom: 1px solid #8C989E;
}

ul.header-nav li .nav-dropdown > ul > li.menu-parent-item > a {
color: white;
font-weight: bold;
border-bottom: 1px solid #8C989E !important;
}

ul.header-nav li .nav-dropdown li a:hover{
    text-decoration:none;
    color: #00B6DD !important; 
}


/*** fake menu ***/
.disabled .menu-item-has-children > a,
.disabled > a.nav-top-link
{
   pointer-events: none;
   cursor: default;
}

li.menu-parent-item > a.nav-top-link:after, 
#jPanelMenu-menu .account-dropdown > a:after {
    display:none
}

li.width210{
width:210px !important;
}

/*To prevent submenu collapses to new line*/
#menu-item-638 > .nav-dropdown {
width: 550px;
}

/******************************************
4. Misc html elements
******************************************/

/*SLIDERS*/
.ux_banner {
background-color: white !important;
}

.ux_banner h4, .ux_text h4 {
font-size: 110%;
line-height: 145%;
font-family: 'dinregular';
}

.ux_banner .left {
left: 7.5%;
}

.ux_banner .right {
right: 7.5%;
}

/*Buttons*/

a.button {
font-family: dinmedium !important;
}

.alt-button {
border-width: 1px !important;
font-size: 0.95em;
}

.right-bottom {
position: absolute;
bottom: 0;
right: 35px;
}

.left-bottom {
position: absolute;
bottom: 0;
left: 35px;
}

a.button.alt-button {
font-family: dinregular !important;
}


/*TABLES*/

table tr th, table tr td {
line-height: 1.35em !important;  font-size: 1em !important;
}

/*POSTS table*/
th.column-1, td.column-1 {
width: 60px;
text-align: left;
padding-left: 10px;
}

th.column-2, td.column-2 {
padding-left:10px;
}

table [class*="column"] + [class*="column"]:last-child {
float: none;
}

tbody td {
vertical-align: top;
}

td, th {
padding: 8px 0px;
border: none;
background: 0 0;
text-align: left;
}

table tr {
border-bottom: 0px solid #dddddd;
}

table{background-color: #F7FFFF;}

.table-responsive {
  border: 1px solid #ddd;
}

.easy-table {
  width: 100%;
  margin-bottom: 0px;
}

/******************************************
5. Custom posts and pages 
******************************************/


/* MOBILE HOMEPAGE BLOCK*/
div#block-homepage-mobile, img#homepage-mobile {
display: none;
}  

div#block-my-course-mobile, div#mycoursemobile {
  display: none;
}

/*MY COURSE BLOCK*/

a.link-rev {
color: #5c6f7c;
}

a.link-rev:hover{
color: #00b6dd;
}


.themap {
background: #297BC5 url('http://www.aacds.com.au/wp-content/uploads/studentclinicmap.png') no-repeat right;
padding-bottom: 10px;
}

.themap p {
font-size: 0.9em;
padding-top: 10px;
color: white;
margin: 0 150px 0px 15px;
line-height: 1.3em;
}

.themap a {
font-family: 'dinmedium';
color: white;
font-weight: bold;
}

/*NEWS and events BLOCK*/

ul.recent-posts li{
list-style-type: none;
}

.homepage-news {
background-color: #00b6dd;
height: 380px;
padding-top: 19px;
padding-left: 20px;
color: white;
padding-right: 20px;
}

a.recent-blog-title {
color: white;
font-family: 'dinmedium';
font-weight: bold;
text-transform: uppercase;
}

ul.recent-posts{
    line-height: 1.4;
}

ul.recent-posts li {
border-bottom: solid #6ECBED 1px;
padding-bottom: 5px;
margin-bottom: 10px;
}

span.recent-blog-date {
font-size: 0.7em;
text-transform: uppercase;
font-weight: bold;
letter-spacing: -0.3px;
}

/*PROSPECTUS BLOCK*/
.aacdsprospectus {
background: url('http://www.aacds.com.au/wp-content/uploads/aacds-prospectus.jpg') no-repeat;
height: 380px;
}

/*SEMESTER DATES BLOCK*/
.semester-dates {
    background: url('http://www.aacds.com.au/wp-content/uploads/pattern-stripe1.png');
border: 1px solid #CAEAF1;
min-height: 380px;
padding-left: 20px;
padding-top: 18px;
}

.semester-dates h4 {
line-height: 1.4em;
font-family: 'dinmedium';
margin-bottom: 0em;
    font-size: 1em;
}

.semester-dates h5 {
opacity: 1;
font-family: dinregular;
color: #5c6f7c;
letter-spacing: 0;
font-weight: normal;
font-size: 0.9em !important;
padding-bottom: 5px;
margin-bottom: 5px;
margin-right: 20px;
border-bottom: 1px solid #CAEAF1;
}


/*GRADUATES BLOCK*/
.homepage-graduates {
background: url('http://www.aacds.com.au/wp-content/uploads/aacdspgraduates.png') no-repeat;
min-height: 300px;
margin-top: 50px;
margin-bottom: 30px;
}

.graduate-text {
padding-left: 50%;
}

a.button.extrapad {
margin-left: 10px;
}

/*TESTIMONY BLOCK*/
.homepage-testimony {
background: url('http://www.aacds.com.au/wp-content/uploads/holly-testimony.png') no-repeat;
min-height: 390px;
}

.testimony-container {
padding-left: 265px;
padding-top: 150px;
}

.testimony-container > p {
color: white;
}

span.testimony {
text-transform: uppercase;
font-weight: bold;
}

.testimonial_text {
  font-style: normal;
}

.testimonial_text h3 {
  text-transform: uppercase;
}

.testimonial_inner{
    margin-bottom:0px;
}

/*COURSE FAQ*/
.course-faq {
background-color: #F4F4F4;
}


/*CURRICULUM ADVISORY BOARD*/
img.alignnone.size-full.wp-image-1150 {
  width: 350px;
}

.page-id-1128 .column-inner {
  padding-right: 50px;
}

img.desaturate {
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
  filter: url(desaturate.svg#greyscale);
}

img.desaturate:hover{
    -webkit-filter: none;
  filter: none;
  filter: none;
  filter: none;
}

/*PARTNER PAGES*/

.acbt {
  background-color: #ec84b5;
  margin-bottom: 30px;
  padding: 20px;
}

/*404*/
article.error404 {
  margin-bottom: 50px;
}

/******************************************
6. Footer and Widget
******************************************/
.footer .widget-title, .footer .textwidget {
color: white;
}

.widget_nav_menu ul li.current-menu-item a {
border-right: 0px;
}

div.copyright-footer {
color: #555657;
opacity: 1;
line-height: 1.4em;
font-size: 1.1em;
font-family:'dinmedium';
}

a.linkreverse {color: #555657;}
a.linkreverse:hover {color: white;}

.ux_banner .text-center .tx-div {display:none;}

div#text-5 > h3.widget-title, div#text-5 > .tx-div {
display: none;
}

.footer .widget-title, .footer .textwidget, h4.hfooter1 {
color: white;
font-size: 1em;
opacity: 1;
font-family: 'dinregular';
font-weight: normal;
padding-bottom:20px;
}

.widget_nav_menu ul li a, h4.hfooter2 {
color: white;
font-size: 14px;
letter-spacing: 0.2px;
opacity: 0.7;
}

.widget_nav_menu ul li a{
border-bottom: 0px !important;
padding:3px 0;}


div.footer.footer-1 {
min-height: 450px;
}

.widget_nav_menu ul li a:hover {
color: #00B6DD;
}


.widget .tx-div{
height:0px !important;
margin-bottom:10px !important;
}


h5.vetfeetext {
color: white  !important;
font-size: 1.4em !important;
padding: 15px 0px 0px 5px  !important;
font-family: 'dinmedium';
opacity: 0.6;
}

.vetfeehelp {
background-color: rgba(256,256,256,0.1);
padding: 5px;
}

.logo-placeholder {
height: 80px;
}

img.footer-logo {
margin-left: -54px;
position: absolute;
width: 140px;
}


/******************************************
7. Sidebar
******************************************/
.page #secondary {
padding-top: 35px;
}

/*POSTS SIDEBAR*/
.ataglance {
background-color: #297bc5;
padding: 10px 10px;
}
.ataglance p, .ataglance h5 {color:white; line-height: 1.3;}
.ataglance h2 {color: #00D2FF; line-height: 1.1; margin-bottom: 1em;}
.ataglance p {margin-bottom: 0.9em;}



/******************************************
8. Shortcodes
******************************************/

/*** MESSAGE BOX ***/
.message-box p {
margin-bottom: 0px;
}

.message-box{margin-bottom: 15px;}

/*** SHOWNHIDE ***/


#shownhide dl, .shownhide dl {
	margin:				0 1em 1em 1em;
}
#shownhide dt, .shownhide dt, .shownhide .dt {
	color: #00b6dd;
	background: white;
	margin-top:.75em;
	padding: 0 0 0 25px;
	line-height: 1.5em;
    padding-left: 0px;
}
.shownhide dt, .shownhide .dt {
	display:block;
	text-decoration:none;
}
.shownhide dt h3 {
	font-weight:normal;
}

#shownhide dd, .shownhide dd {
	margin: 			0;
	padding: .5em 0 0 0.75em;
} 

dl.shownhide > a.dt:before {
font-family: 'icomoon';
content: "\e00c";
font-size: 12px;
margin-right: 10px;
color:rgb(119, 223, 242);
}

dl.shownhide > a.dt.active:before {
content: "\e00d";
}

.anchorspan {
display: block;
position: relative;
top: -100px;
visibility: hidden;
}

/******************************************
9. Plugins
******************************************/



/*** FAQ ***/
.faqlist-question code {
font-size: 1.1em;
}

/*** STAFFS AND LECTURERS ***/
.staffer-archive-page-title {
font-size: 1.625em;
margin: 30px 0px 10px 0px;
font-family: 'DinLight';
text-transform: uppercase;
font-weight: bold;
opacity: 0.8;
}

ul.staffer-archive-grid {
margin-left: 0px !important;
}

.staffer-staff-title {
margin-bottom: 0px;
}

.staffer-staff-header{
    margin:0px;
}

.staff-content {
margin: 20px 20px 20px 0px !important;
    overflow:hidden;
}

.staff-content p {
    line-height: 1.4;
    clear: both;
    padding-top: 20px;
    line-height: 1.4;
}

img.aligncenter.wp-post-image {
display: inline;
}

.staffer-archive-grid li {
width: 33%;
vertical-align: top;
}

header.staffer-staff-header h2 {
margin-bottom: 0px;
}


/*** CONTACT FORMS ***/

.mc4wp-form button, .mc4wp-form input[type=button], .mc4wp-form input[type=submit]{
margin-bottom: 0px;}

textarea.wpcf7-form-control.wpcf7-textarea {
min-height: 100px;
}

div.contactus{
max-width:500px;
}

.gform_wrapper .top_label .gfield_label {
font-weight:400;
}

/*SLIDE TABS FOR FEES*/
div.separated_2-horizontal > div.st_views{
  border: 0px solid #ccc !important;
}

div.separated_2-horizontal > div.st_views div.st_view_inner {
  padding: 30px 0px !important;
}

div.st_tabs ul li a.st_tab_active {
  color: #00b6dd !important;
}

/*** mobile view ***/

@media only screen and (max-width: 500px) {
/*************** ADD CUSTOM MOBILE CSS HERE  ***************/

/*Removing top bar*/   
div#top-bar {
display: none;
}    
    
/*Removing slider*/    
.iosSlider.default {
  display: none !important;
}

/*Removing blocks */
#block-aacds-graduates, .homepage-graduates{
  display: none !important;
}
    
#block-homepage-fb, .fb_iframe_widget{
  display: none !important;
}
    
div#block-student-testimony, .homepage-testimony{
  display: none !important;
}
 
div#block-my-course, div#mycourse{
  display: none !important;
}
    
/*Showing blocks */    
div#block-homepage-mobile, img#homepage-mobile {
display: block !important;
}    
    
div#block-my-course-mobile, div#mycoursemobile {
  display: block !important;
}    

/*Fix layouts*/    
.row > p {
display: none;
}    
    
.row.container {
margin-bottom: 0px !important;
}
    
div.mobilecol{
padding-top: 1em;
}
 
/*Mobile typography*/      
h2.p1 {
font-size: 2em;
}    
    
#content h2 {
  font-size: 1.1em;
}
    
#content h1 {
  font-size: 1.4em;
}    

 /*** fake menu ***/
.disabled .menu-item-has-children > a,
.disabled > a.nav-top-link
{
   pointer-events: inherit;
   cursor: default;
}
   
.themap{
  margin-bottom: 20px;
}

.wp-image-2418 {
  width: 100%;
}
.aacdsprospectus {
  background-size: 100%;
}

ul.header-nav li .nav-dropdown > ul > li.menu-parent-item {
  float: inherit !important;
}
    
}



/*** ipad vertical view ***/

@media only screen and (max-width: 769px) {
/*************** ADD CUSTOM IPAD CSS HERE  ***************/

h1.aacds{display:none;}
    
/***************     
#masthead .mobile-menu {
padding-top: 50px;
float: right;
}
    
#masthead #logo {
width: initial !important;
text-align: left; 
padding: 0px!important;
float: left;
    }
***************/
#masthead.stuck.move_down #logo a img {
display: none !important;
}

#masthead.stuck.move_down #logo a{
line-height: 11px;    
    }
    
#masthead.stuck.move_down #logo a:before {
content: "Australasian Academy of Cosmetic Dermal Science" !important;
font-size: 12px;
    }        

#masthead.stuck.move_down {height: 50px !important;}    
    
.homepage-graduates {
font-size: 0.8em;
}
.graduate-text {
padding-left: 60%;
}

a.button.tertiary {
background-color: #297BC5;
border-color: #297BC5;
margin-top: 15px;
}
    
/*My course*/ 
#content h1 {
  font-size: 1.4em;
}
    
#content h2 {
  font-size: 1.1em;
}
    
div.mobilecol{
padding-left: 0.9375em;    
}    
    
 /*** fake menu ***/
.disabled .menu-item-has-children > a,
.disabled > a.nav-top-link
{
   pointer-events: inherit;
   cursor: default;
}    
    
}

/*Hiding comments off from news sidebar*/
.flatsome_recent_posts .post_comments {
    display: none;
}

.flatsome_recent_posts .post-date {
    top: 0px;
}