/*

Theme Name: PromotionalFX

Theme URI: http://www.promotionalfx.com.au/

Description: A slick, powerful and clean theme PromotionalFX provides an intuitive set of options to help you setup your WordPress site quickly and effectively. Flexibility is key and it has been optimized for SEO and speed. It is also responsive & mobile ready should you choose that option. The PromotionalFX theme features include: unlimited colors, widgetized home page, over 500 fonts to choose from, WooCommerce Integration, it is also translation and multilingual ready, step by step documentation, exclusive PromotionalFX support forum and a helpful community. Always up-to-date security and many new features are constantly added as the theme evolves.

Author: PromotionalFX

Author URI: http://www.promotionalfx.com.au/

Version: 2.4.14

License: Located in 'licensing' folder

License URI: Located in 'licensing' folder

*/



/*

    Do not remove any of the commented text above as it is used by the theme for proper function!



    All the themes' CSS files are located under the 'styles/' sub-folder...



    If you would like to use this file to add any custom CSS, you'll need to enable it first  

    from the theme's "General Options" section.

    Please note: After enabling the use of this file, you will not see any change here, 

    feel free to add your custom CSS below.

    On the other hand, if you need access to the theme's main style sheet, you will 

    need FTP client to access it, is it located in: "styles/style1/css/style.css"

*/





/*

	=========================================

			Customization by Tubai

	=========================================

*/

/*	Google font import	*/

/*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto+Slab:400,700|Oswald:300,400);*/

@import url(http://fonts.googleapis.com/css?family=Raleway:500,600,700,400,200|Roboto:300,400);



/*	Global	*/

.one_fifth { margin-bottom: 1%;}







/*	----------------------------------------------

					Header	

	----------------------------------------------	*/

/*	Logo	*/

#slogan{ display:none;}

.home #top-wrapper {

background: #fff;

}



/*	Callus / Social buttons	*/

#top-elements .social_media_top{ margin-top:20px; padding:0; text-align:center;}

#top-elements .social_media_top a{ display:block;}

#top-elements .social_media_top a.call span{ font:normal 16px Roboto, Helvetica, sans-serif; color:#2c4c8f;}

#top-elements .social_media_top a.mail{ font:normal 14px Arial, Helvetica, sans-serif; color:#555555; margin:0 10px;}

#top-elements .social_media_top a.call{ font:normal 16px Roboto, Helvetica, sans-serif; color:#262626;}



/*	Main Navigation	*/

#main-menu{ background:none;}

#navigation-menu ul.sf-menu > li > a > span{ color:#585858; text-transform:uppercase;}

#navigation-menu ul.sf-menu > li.current-menu-item > a > span, #navigation-menu ul.sf-menu > li.current_page_item > a > span, #navigation-menu ul.sf-menu > li > a:hover span {

color: #2c4c8f; background:url(img/nav-hv.png) no-repeat center bottom;

}

#navigation-menu ul.sf-menu li.current-menu-item a, #navigation-menu ul.sf-menu a:hover {color: #2c4c8f;}





/*	----------------------------------------------

				Homepage Content	

	----------------------------------------------	*/

/*	Homepage 5 PRODUCTS Box	*/

#before-content-column h3{ color:#222; font-weight:bold; font-size:20px; margin-top:20px;}

#before-content-column ul.small-thumb li:last-child{ margin-right:0;}

#before-content-column ul.small-thumb .teaser-title{ font-size:18px !important; text-transform:uppercase;}

#before-content-column ul.small-thumb .teaser-content{ font:normal 16px/20px Arial, Helvetica, sans-serif; color:#6c727c; text-align:center;min-height: 80px;}

#before-content-column a.read-more-align-right span{font: bold 12px Raleway, sans-serif; text-transform:uppercase; }

h3.bottom-col-title {

  

	font-size: 16px !important;

	color: #eff2f7 !important;

}



.iq-testimonials h3.before_cont_title{ display:none;}



/*	----------------------------------------------

					Footer	

	----------------------------------------------	*/




/*	----------------------------------------------

				Inner Pages 

	----------------------------------------------	*/

/*	Common styles		*/
ul.customlist{}
ul.customlist li{ margin-left:12px; padding-left:5px; list-style:url(img/list-arw.jpg);}


/*	Inner Pages 	*/
.iq-testimonial-wrap{ margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #e9e3e3; clear:both;}
.iqtesti_photo .iq-testimonial-image{ width:170px;border-radius: 50%;}
.iqtesti_content{ border:1px solid #b8b8b8; padding:16px; border-radius:5px; position:relative; margin-left:10px !important; }
.iqtesti_content:before{ content:url(img/testi-quote.jpg); position:absolute; top:-1px; left:-22px;}
.iqtesti_content .iq-testimonial-quote{ padding-left:0;background:none;}
.iqtesti_content .iq-testimonial-quote:before{ content: url(img/testi-quote1.jpg);}
.iqtesti_content .iq-testimonial-quote:after{ content: url(img/testi-quote2.jpg);}

.blog_content{border:1px solid #b8b8b8; padding:2% 3%; width:69%; float:left; position:relative;}
.blog_photo{ width:24%; float:left;}
.blog_content:after{ content:url(img/blog-quote.jpg); position:absolute; bottom:-22px;}
.page-template-page-Blog-php .top-of-page{ margin-top:20px;display: inline-block;}
.postmetadata{ color: #CCC;}
.post-top h2{ max-width:100%;}
.post-top h2 a{ color:#84b130 !important;}

.products_cat{ border-bottom:none !important;}
.products_cat h3{ border-bottom:1px solid #dbe1eb; margin-bottom:10px; padding-bottom:10px;}
.products_cat h3 a{ text-transform:uppercase; font-size:18px !important;}
.products_cat ul li a{ color:#424e62; font-size:16px;}

.contact_info{ width:100%;}
.contact_info th{background:#90be37; color:#fff; padding:10px; font-weight:normal;font-size:16px;border:1px solid #000;}
.contact_info td{ padding:1% 10%;}

.form_border{border:1px solid #000; margin:20px 0; width:97.5%;}
.form_border .wpcf7{  padding:15px 25px;overflow: hidden;font-size: 16px;color: #000;}
.fieldname{ float:left; width:85px;margin:10px; text-align:right;}
.fieldtype{ float:left; width:50%;margin:10px 0;}
.form_border input{ width:65%; padding:10px 15px; border:1px solid #000;}
.form_border textarea{ width:80%; padding:10px 15px; height:75px;border:1px solid #000;}
.fieldtype input[type=submit] { width:161px; height:42px; cursor:pointer; background:url(img/submit.jpg) no-repeat; border:none; text-indent:-999em; margin-right:25px;}
div.wpcf7-response-output{ clear:both;}
.fieldtype input.wpcf7-captchar{ width:101px;}



/*	----------------------------------------------

				Responsive CSS	

	----------------------------------------------	*/



@media only screen and (min-width: 960px) {

	#main-menu{margin-top: -40px;}

	#navigation-menu{margin-top: -25px;}

}



@media only screen and (min-width: 720px) {

	#top-elements .social_media_top a{ display:inline-block; vertical-align:middle;}

	.one_fifth, #before-content-column ul.small-thumb li { margin-right:3%; width:17.6%; float:left; clear:none; border-bottom:1px solid #dbe1eb; background:none;}

	#before-content-column .frame-shadow{ float:none; clear:both;}

	#before-content-column ul.small-thumb .teaser-title{ margin:15px 0 10px 0; float:none; display:block; text-align:center; font-weight:bold;}

	#before-content-column a.read-more-align-right{display:block; margin:10px 0 5px 0; float:none; text-align:center;}
	.fieldtype input[type=submit] { float:right;}

}



@media only screen and (max-width: 719px) {

	#top-elements .social_media_top a{ margin-top:10px !important;}
	.iqtesti_photo, .iqtesti_content{ width:90% !important; margin:10px 0; text-align:center; padding:4%;}
	.blog_content, .blog_photo{ width:90%; text-align:center;}
	.contact_info{ border-left-width:1px !important; width:100%;}
	.fieldname, .fieldtype{ width:100%; text-align:left;}
	.fieldtype input[type=submit] { margin-top:15px;}
}



@media only screen and (max-width: 479px) {

	#before-content-column ul.small-thumb .teaser-title{ display:block;clear:both; margin-top:10px;}

}