/* 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 */ 
* {
    font-family: 'Palanquin', sans-serif !important;
}

h2 {
	font-size: 46px;
}
h4 {
	font-size: 34px;
}
h5 {
	font-size: 24px;
}

/* Font Weights */
.extralight { font-weight: 200; }
.light { font-weight: 300; }
.bold { font-weight: 700; }


.template-page.content, #main {
    padding-top: 0px !important;
}

/* New Design Header */
.header_bg { display: none; }
#header_main { 
	border: none; 
	position: relative;
	top: 35px;
}
#header_main .container.av-logo-container {
	/*padding-bottom: 10px;*/
    background: #fff;
} 
#top #header_main.stick-top {
	top: 0px;
}
[data-av_icon]:before {
	color: #fff;
}
#header_meta {
  	border-bottom-width: 0px;
    margin-bottom: -1px;
    background: #232323;
    color: #fff; 
}

/* New Design Homepage */
#homepage-banner, #subpage-banner {
	background-size: cover;
}
#subpage-banner {
    background-image: url(/wp-content/uploads/2016/03/Produx-Subpages-Banner-Updated.jpg) !important;
} 
#homepage-banner h2, #homepage-banner p, #home-teaser h2, #call-to-action h5 {
	color: #fff;
	text-transform: none;
}

#home-teaser h2 {
    position: relative;
    top: 20px;
	margin-bottom: 0;
}
#call-to-action .template-page.content { padding-bottom: 0px;  }
#call-to-action {
	min-height: 80px;
	height: 80px;
}
#call-to-action h5 {
	text-transform: uppercase;
}
#call-to-action a {
	font-size: 18px;
	border: 1px solid #fff;
	padding: 0px 10px;
	margin-left: 10px;
}
#call-to-action a:hover {
	border: 1px solid #1052F7;
	color: #1052F7;
	background: #fff;
}
.page-id-9 .home-teaser-inner {
	max-width: 1120px;
	margin: 325px auto 0;
}
.page-id-9 div#main img {
	padding: 0px;
	margin: 0;
    max-height: 235px;

}
.home-caption {
	position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
	padding: 30px 0;
	margin: 0;
	background: rgba(47,47,47,0.80)
}
.home-buttons-fade .image-overlay-inside { display: none; }
.home-buttons-fade a { color: #fff; }
.home-buttons-fade a:hover { 
	text-decoration: none; 
	color: #fff;
}

/* Search Box */
#top #searchform > * {
	opacity: 1 !important;
	display: block !important;
}
#top #searchform #searchsubmit { display: none; }
#top #s {
	font-size: 14px;
    max-height: 35px;
    background: #fff;
	margin-top: 20px;
}
#menu-item-139 { margin-right: 45px; }

/* Subpages */
.main_color { border: 0px; }
#subpage-banner { background-size: cover; }
#subpage-banner h2 {  
	color: #6F6F6F;
	text-transform: none;
	margin-top: 140px;
}
.header-after-banner {
	margin-top: 50px;
    font-size: 34px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.header-after-banner:after {
	content: "";
    height: 3px;
    width: 100px;
    background: #1152F8;
    display: block;
    margin-top: 5px;
}
.products-container img {
	max-width: 300px;
    float: left;
    max-height: 60px;
    width: auto;
}
.page-id-26 .avia-builder-el-3 img {
	max-height: 100px;
    width: auto;
}
.page-id-26 .avia-builder-el-3 h1 {
	margin-top: 10px;
}
.page-id-26 h4.iconlist_title { font-size: 24px; }
.page-id-26 form h2 { font-size: 32px; }

.page-id-18 .av_toggle_section .toggler,
.page-id-18 .av_toggle_section .toggle_content,
.page-id-18 .av_toggle_section .toggle_icon, 
.page-id-18 .av_toggle_section .toggle_icon .vert_icon, 
.page-id-18 .av_toggle_section .toggle_icon .hor_icon {  border-color: #444; }

/* Contact Us */
.page-id-26 .avia-builder-el-6 input {
	margin-bottom: 10px !important;
}    
.page-id-26 .avia-builder-el-6 textarea {
	margin-bottom: 0px !important;
}    

/* Basket */
.page-id-127 .tax-total th:after {
	content: " (GST)";
}

/* Footer Section */
#socket .copyright {
    float: none;
    text-align: center;
    margin: 0 auto;
    display: block;
}
#socket {
	border: none;
}

/* ---------- End of New Design CSS ---------- */


.banner-container.home {
    background: url(http://www.produx.com.au/wp-content/uploads/2016/01/album_photos_large_5.jpg);
    min-height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.banner-header.home { 
    padding: 20px 20px;
    width: 100%;
    margin-bottom: 0px;
    background: rgba(16, 82, 247, 1);
    color: #fff;
}

.home-link {
    text-align: center;
    width: 100%;
    border: 1px solid #ccc;
}

.home-link:hover {
    text-decoration: none;
}

.home-link img { 
    height: 184px; 
}

.home-link.third img { 
    width: 130px; 
}
.page-id-9 .avia-image-container {
     margin-bottom: 0px;
}
h1.main-title.entry-title {
    font-size: 3.6em;
    font-family: "Trebuchet MS";
} 

p {
   padding: 0;
   margin-bottom: 0.6em;
   margin-top: 0px;
   font-family: "Trebuchet MS";
}

.title_container .main-title { 
   line-height: 1.3em;
   font-family: "Trebuchet MS";
}

a[href$='.pdf'] {
    padding: 5px 0 5px 25px;
    background: transparent url(http://www.produx.com.au/wp-content/uploads/2016/01/icon_pdf.gif) no-repeat center left;
    font-family: "Trebuchet MS";
}

ul.files {
    margin-left: 0px;
   margin-top: 30px;
}

ul.files li:first-child {
    border-top: 1px solid #eee;
    font-family: "Trebuchet MS";
}

ul.files li {
    padding: 4px 0;
    background: none;
    border-bottom: 1px solid #eee;
    list-style: none;
    margin-left: 0px;
    font-family: "Trebuchet MS";
} 

#avia-menu a { 
    text-transform: uppercase; 
} 

.page-id-20 .image-container {
    display: block;
    height: 250px;
} 

.page-id-20 .fancybox {
    width: 9%;
    float: left;
    max-height: 80px;
}

.page-id-20 .fancybox img {
    height: 70px;
    padding: 3px;
}

.cart-not-logged {
   display: inline-block !important;
   position: relative;
   top: 3px;
}

.onsale { display: none; }

#top #main .single-product-main-image .sidebar { display: none; }

.link-about {
    display: block;
    text-align: center;
    padding: 20px 0 0;
}

.link-about a {
    padding: 10px 20px;
    border: 1px solid #1051F6;
    color: #1051F6;
}

.link-about a:hover {
	text-decoration: none;
	color: #fff;
	background: #1051F6;
}
.social_bookmarks { margin-left: 0px !important; }

/*#main {
   min-height: 100vh;
   height: 100%;
   position: relative;
   padding-bottom: 50px;
}*/

/*#socket {
   position: absolute;
   width: 100%;
   bottom: 0px;
}*/


@media screen and (max-width: 1200px) and (min-width: 990px) { 
	#header_main .logo {
		display: block;
		float: none;
		width: 100%;
		text-align: center;
	}
	#header_main .logo img {
		margin: 0 auto;
		max-height: 100px;
	}
	.main_menu {
	    position: inherit;
		max-width: 875px;
		margin: 0 auto;
		float: none;
	}
	.main_menu .avia-menu.av-main-nav-wrap {
		float: none;
		display: block;
		position: inherit;
	}
	#avia-menu {
	    padding-top: 90px;
		line-height: 50px;
		height: 50px;
	} 
	#avia-menu li, #avia-menu li a {
		line-height: 40px;
		height: 40px;
	}
	#header_main .container.av-logo-container { height: 130px; }
	#top #s { margin-top: 0; } 
	.page-id-9 .home-teaser-inner {
		margin-top: 330px;
	}
}

@media screen and (max-width: 989px) and (min-width: 768px) {
	.page-id-9 .home-teaser-inner {
		margin-top: 290px;
	} 
	.page-id-9 .avia-builder-el-5, .page-id-9 .avia-builder-el-9,
	.page-id-9 .avia-builder-el-11, .page-id-9 .avia-builder-el-13,
	.page-id-9 .avia-builder-el-15, .page-id-9 .avia-builder-el-7 {
		width: 47%;
		margin: 10px !important;
		clear: none;
		max-height: 205px
	}
	.page-id-9 div#main img {
		max-height: 205px;
	}
	#call-to-action {
		min-height: 0px;
		height: 95px;
	} 
	#call-to-action h5 {
		line-height: 40px;
		font-size: 22px;
	}
	#call-to-action a {
	    padding: 3px 10px;
		display: block;
		max-width: 140px;
		margin: 0 auto;
	    line-height: 20px;
	}
}

@media screen and (max-width: 767px) {
	#header_main { top: 0; }
	.header_bg { display: block; }
	.page-id-9 .home-teaser-inner { margin-top: 0px; }
	.page-id-9 div#main img { margin: 0 auto; }
	.home-caption { 
		max-width: 427px; 
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	#call-to-action {
		min-height: 0px;
		height: auto;
		padding: 5px 0 10px;
	} 
	#call-to-action h5 {
		line-height: 40px;
		font-size: 22px;
	} 
	#call-to-action a {
		line-height: 20px; 
	} 
	#subpage-banner h2 { margin-top: auto; }
} 

@media screen and (max-width: 430px) { 
   strong.logo img {
      width: 80% !important;
   }
   .page-id-9 .home-teaser-inner p { 
		font-size: 18px;
		line-height: 30px;
   }
	#call-to-action a {
	    padding: 3px 10px;
		display: block;
		max-width: 140px;
		margin: 0 auto;
	    line-height: 20px; 
	    margin-top: 5px 0 10px;
	}
    .page-id-22 #after_section_1 .template-page.content .entry-content-wrapper img {
    	float: none;
    	margin: 10px auto;
    }
} 

@media screen and (max-width: 360px) { 
	.home-caption { 
		font-size: 20px;
		padding: 15px 0;
	}
}