/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

.post-entry a {color: #00bef3 !important;}

.page-id-2 #header {display:none;}

.html_header_top.html_header_sticky .page-id-2 #main {
     padding-top: 0px !important; 
}

.html_header_top.html_header_sticky .page-id-2 #top #wrap_all #main {
     padding-top: 0px !important; 
}


.desktop-slider {
    display:block;
}

.tablet-slider {
    display:none;
}

.mobile-slider {
    display:none;
}

.widgettitle {
    font-weight: 300;
    text-transform: none !important;
    letter-spacing: 1px;
    font-size: 1.4em;
    color:#00bef3 !important;
}

#footer .widgettitle {
    font-weight: 300;
    text-transform: none !important;
    letter-spacing: 1px;
    font-size: 1.4em;
    color:#00bef3 !important;
}

.avia_message_box_content {
    font-size: 14px;
    text-transform: none !important;
    font-weight: 600;
    margin-top:20px;
}


/* home SUB - MENU */

#top .av-submenu-container {
    height: 95px;
    position: relative;
    /* top: -10px; */
    width: auto;
    border-bottom-style: solid;
    border-bottom-width: 0px !important;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    font-size: 16px;
    display:block;
}

.home-sub-menu {
	background-color: #a5c1e4;
	padding-left:42px;
}

.home-menu-icon {
	padding:0px !important;
	vertical-align: middle;
}

.main_color .av-subnav-menu a {
    background-color: transparent !important; 
    color: #2b323d;
        border: none !important;

}

#top .av-subnav-menu ul {
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}



#top .av-subnav-menu > li {
    padding: 32px 0;
    display: inline-block;
}

#top .av-subnav-menu > li ul {
    top: 94px !important;
    border-top-width: 2px;
    border-top-style: solid;
}

#top .av-subnav-menu > li ul a {
    line-height: 23px;
    padding: 8px 15px;
    width: 100%;
    display: block;
    background-color: #ffffff !important;
    font-size:12px;
}

#top .av-subnav-menu > li ul a:hover {
background-color: #f8f8f8 !important;
    }

/* tweak the LATEST NEWS SIDEBAR */
#top .news-content {
	border-bottom: 1px solid #e2e2e2 !important;
	background-color:#fff;
	padding-left:8px;
	padding-left:8px;
	-webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    transition: all 0.6s linear;
	}

#top .news-content:hover {
	background-color:#e2e2e2;
	border-bottom: 1px solid #e2e2e2 !important;
	}

.news-thumb {
	display:none !important;
}
/* end LATEST NEWS SIDEBAR */

.menu-code-block-home {
	background-color:#a5c2e4 !imortant;
	}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none !important;
    letter-spacing: 0px;
    font-size:45px !important;
}

.template-page .entry-content-wrapper h2 {
    text-transform: none !important;
    letter-spacing: 0px;
    font-size:32px !important;
}

.intro-box-base-bg-strip {
	background: url('http://depressionet.org.au/wp-dev-16/wp-content/uploads/2016/09/intro-box-base-bg.jpg') bottom right no-repeat #e2e2e2;
}

.link-to-chat {
	background: url('http://depressionet.org.au/wp-dev-16/wp-content/uploads/2016/12/chat-avatar-home.png') bottom right no-repeat #e2e2e2;
	-webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.link-to-chat:hover {
	cursor:pointer;
	background: url('http://depressionet.org.au/wp-dev-16/wp-content/uploads/2016/12/chat-avatar-home.png') bottom right no-repeat #d1d1d1 !important;
}

.link-to-support {
    background: url('http://depressionet.org.au/wp-dev-16/wp-content/uploads/2017/01/support-avatar-home.png') bottom right no-repeat #e2e2e2;
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.link-to-support:hover {
    cursor:pointer;
    background: url('http://depressionet.org.au/wp-dev-16/wp-content/uploads/2017/01/support-avatar-home.png') bottom right no-repeat #d1d1d1 !important;
}








#top .avia-smallarrow-slider-heading {
    display: table;
    width: 100%;
    display: none !important;
}

.content-slider-title {
	width:30%;
	float:left;
	text-align:right;
	font-weight:700;
}
.content-slider-sub {
	font-size:11px;
	font-weight:300;
	display:block;
}
.content-slider-content {
	width:70%;
	float:right;
	padding-left:20px;
}


 /*.sidebar {
    background: #e8ebee;
    margin-left:40px;
}


  .container_wrap.sidebar_right{
        background:-webkit-gradient(linear,right top,left top,color-stop(red,0.270),color-stop(white,0));
        background:-webkit-linear-gradient(right, #e8ebee 27.0%, white 0%);
        background:   -moz-linear-gradient(right, #e8ebee 27.0%, white 0%);
        background:     -o-linear-gradient(right, #e8ebee 27.0%, white 0%);
        background:        linear-gradient(right, #e8ebee 27.0%, white 0%);
    }*/


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}

@media only screen and (max-width: 1024px) {
.html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
.html_mobile_menu_tablet #mobile-advanced{display:block;}

.page-id-2 #header {display:block;}

.html_header_top.html_header_sticky .page-id-2 #main {
     padding-top: 150px !important; 
}

.html_header_top.html_header_sticky .page-id-2 #top #wrap_all #main {
     padding-top: 150px !important; 
}

#top .av-submenu-container {
    display:none !important;
}

.desktop-slider {
    display:none;
}

.tablet-slider {
    display:block;
}

.mobile-slider {
    display:none;
}



}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 480px) {
  .desktop-slider {
    display:none;
}

.tablet-slider {
    display:none;
}

.mobile-slider {
    display:block;
}

}