/*
Theme Name: Precision Shower Screens
Theme URI:  http://vasetheme.com/main
Description: Vase is a Premium WordPress Theme with a clean and minimal style touch. Vase is suitable for freelancers, agencies, photographers, architects and other creative people that may find this a great way to showcase their portfolio or as an alternative to their existing sites.
Vase is responsive with all devices and supports popular plugins like Visual Composer, Revolution Slider, Layer Slider, Contact Form 7 etc.
Author: Umbrella
Author URI: http://loudmountain.com.au
Version: 1.0
Template: vase
*/

/* Temp page
--------------------------------------------------------------- */

/*
.page-id-1958 .fixedHeaderHolder {
	display: none
}

.page-id-1958 #about h1 {
	font-size: 20px;
	font-weight: 400 !important
}

.coloured_text_strip {
    background-color: rgba(255, 133, 32, 0.8) !important;
}

#hero_row {
	background-position: right top !important
}

.theContent {
    margin-bottom: 0 !important;
}
*/


/* Generic Vase overrides
--------------------------------------------------------------- */

.vc_general.vc_cta3.vc_cta3-icons-top .vc_cta3-icons {
    text-align: left !important;
}

#siteFooter {
	font-size: 14px;
	padding-top: 20px;
	padding-left: 20px
}

@media only screen and (min-width: 1025px) {
	
	.sub-menu li {
	    text-align: left
	}
}

form input, 
form textarea {
    font-size: 16px !important
}

.pageContent {
	margin-bottom: 60px
}

.btn .fa-angle-up {
	color: white !important
}

.swiper-slide {
    background-color: #f37222 !important;
}

/* Homepage
--------------------------------------------------------------- */

.vc_icon_element.homepage_icon_element {
	margin-bottom: 15px !important
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
	border: 4px solid white !important;
}

.homepage_box_column .vc_column-inner {
	color: white;
	background: rgba(78,97,95,0.9);/* Old Browsers */
	background: -moz-linear-gradient(45deg, rgba(78,97,95,0.9) 0%, rgba(38,41,41,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(78,97,95,0.9)), color-stop(100%, rgba(38,41,41,0.9)));/* Chrome, Safari4+ */
	background: -webkit-linear-gradient(45deg, rgba(78,97,95,0.9) 0%, rgba(38,41,41,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, rgba(78,97,95,0.9) 0%, rgba(38,41,41,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, rgba(78,97,95,0.9) 0%, rgba(38,41,41,0.9) 100%); /* IE 10+ */
	background: linear-gradient(45deg, rgba(78,97,95,0.9) 0%, rgba(38,41,41,0.9) 100%);/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e615f', endColorstr='#262929', GradientType=1 );/* IE6-9 fallback on horizontal gradient */
	padding: 30px !important
}

.homepage_icon_element {
    min-height: 75px;
}

.homepage_box_column h2 {
	font-weight: 400;
}

.homepage_box_column p {
	font-size: 20px
}

.homepage_box_column a {
	text-decoration: none
}

.homepage_box_column a:hover {
	color: #F37121
}

.homepage_box_title_element {
	min-height: 60px
}



/* Navigation
--------------------------------------------------------------- */

@media (max-width: 1024px) {
	html header#siteHeader .container-fluid .navbar-collapse .nav.navbar-nav li a {
	    padding: 0 10px !important;
	}
}

.sub-menu {
    background-image: none !important;
}


/* Product pages
--------------------------------------------------------------- */

.products_page_title_grid_element {
	min-height: 60px;
	text-transform: uppercase
}

#single_product_page_hero_row {
	margin-top: 100px;
	padding-top: 330px
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-heading {
    border: none !important
}

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

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

	.fixtures_column.vc_column_container {
		padding-right: 30px
	}
	
	#single_product_page_hero_row {
		padding-top: 600px
	}
}


/* Typography
--------------------------------------------------------------- */

.center {
	text-align: center
}

body, 
.btn-primary, 
.lightboxSlider > .rsOverflow > .rsArrow > .rsArrowIcn, 
.widget.widget_nav_menu ul li a, 
.widget.widget_nav_menu ul li:hover > a {
    color: #535353 !important;
    font-size: 16px !important;
	font-family: "Cairo", Helvetica, sans-serif !important;
	font-weight: 400 !important
}

h1, h2, h3 {
	font-family: "Cairo", Helvetica, sans-serif !important; 
	font-weight: 700 !important
}

h2 {
    line-height: 1.2em !important;
}

#product_page_title_block h1 {
	color: white;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 400 !important;
	margin-top: 0
}

h3 {
	font-family: "Cairo", Helvetica, sans-serif !important; 
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #f37222 !important
}

h4 {
	font-family: "Oswald", Helvetica, sans-serif !important; 
	font-weight: 300 !important;
	color: #f37222 !important;
	font-size: 24px !important;
	line-height: 1.5 !important
}

strong {
	font-family: "Cairo", Helvetica, sans-serif !important; 
	font-weight: 700 !important
}

dt, kbd kbd, label {
	font-family: "Cairo", Helvetica, sans-serif !important; 
	font-weight: 600 !important
}

.secondary_font_block {
	font-family: "Oswald", Helvetica, sans-serif !important; 
	font-weight: 400 !important;
}


/* Footer 
--------------------------------------------------------------- */

.footer_logo {
	padding-bottom: 30px
}

#siteFooter .footerContent {
    margin: 38px 0;
    font-size: 14px
}


/* Links
--------------------------------------------------------------- */

/*
.colorThreeC a, 
.gform_wrapper a.gform_save_link {
    color: #bab155;
    text-decoration: none;
}

html p a, html p a:hover, 
html li a, html li a:hover { 
    color: #bab155;
    text-decoration: none !important;
    font-weight: 700;
}
*/


/* Buttons
--------------------------------------------------------------- */

html input[type="button"] {
	background-color: #f37222;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 300;
    text-decoration: none;
    border: 0;
    padding: 7px 17px
}

.outline_button a {
	background-color: transparent !important;
	font-family: "Cairo", Helvetica, sans-serif !important; 
	font-weight: 700 !important;
	font-size: 22px !important;
	text-decoration: none !important;
}

.vc_btn3-icon.fa-phone {
    font-size: 22px !important;
}

.vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline, 
.vc_btn3.vc_btn3-size-sm.vc_btn3-style-outline-custom {
    padding-top: 7px !important;
    padding-bottom: 7px !important
}


/* Forms --------------------------------------- */


/* Quote */

@media only screen and (max-width: 1440px) {
	
	.gform_wrapper.pss_form_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li, 
	.gform_wrapper.pss_form_wrapper li.gfield.gf_list_2col ul.gfield_radio li {
	    width: 100% !important
	}
	
}

/* Generic */

html input[type="text"], 
html input[type="email"], 
html input[type="number"], 
html input[type="tel"], 
html textarea/*
,
html .vase_tabs .nav-tabs > li > a, 
html .nav-tabs > li.active > a:hover, 
html .vase_tabs .tab-content, 
html .vase_tabs .nav-tabs
*/ {
    border-color: #ffffff !important;
    padding: 10px !important;
}

.gform_confirmation_message {
	padding: 20px;
	background-color: #f37222;
	border: none;
	color: white;
	margin: 40px 0;
	width: 98%;
	font-size: 24px;
}

.gform_wrapper textarea {
    padding: 10px !important;
    resize: both !important;
    background: #ffffff;
}

.gform_wrapper label.gfield_label {
	font-family: "Cairo", Helvetica, sans-serif;
	font-weight: 700 !important
}

.gform_wrapper .gsection .gfield_label, 
.gform_wrapper h2.gsection_title, 
.gform_wrapper h3.gform_title {
	font-family: "Cairo", Helvetica, sans-serif; 
	font-size: 1.25em;
}


/* Validation */

.gform_wrapper div.validation_error {
    color: #891b00;
    font-size: 1em;
	font-family: "Cairo", Helvetica, sans-serif; 
	font-weight: inherit;
    margin-bottom: 25px;
    border-top: 2px solid #891b00;
    border-bottom: 2px solid #891b00;
    padding: 20px 0;
}

.gform_wrapper .validation_message {
    color: #891b00;
	font-family: "Cairo", Helvetica, sans-serif; 
	font-weight: inherit;
}


/* Precision overrides with .pss_form */

.gform_wrapper.pss_form_wrapper .pss_form .gfield_label {
	display: none
}

.gform_wrapper.pss_form_wrapper .pss_form .gform_footer button.um_formSubmit.btn {
    width: 100%
}

.gform_wrapper.pss_form_wrapper .pss_form input, 
.gform_wrapper.pss_form_wrapper .pss_form textarea, 
.gform_wrapper.pss_form_wrapper .pss_form select {
    margin-bottom: 0;
    background-color: white
}

.gform_wrapper.pss_form_wrapper .gfield_checkbox li label, 
.gform_wrapper.pss_form_wrapper .gfield_radio li label {
    font-size: 16px;
    margin-top: 5px;
    margin-left: 4px
}

.gform_wrapper.pss_form_wrapper .pss_form .gform_footer button.um_formSubmit.btn {
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
	background-color: #f37222;
	padding: 14px 21.5px !important;
}

.gform_wrapper.pss_form_wrapper .description, 
.gform_wrapper.pss_form_wrapper .gfield_description, 
.gform_wrapper.pss_form_wrapper .gsection_description, 
.gform_wrapper.pss_form_wrapper .instruction {
    font-size: 16px;
    font-weight: 700
}

.gform_wrapper.pss_form_wrapper .gfield_description {
	font-weight: 400
}


@media only screen and (min-width: 641px) {
/*
	.gform_wrapper.pss_form_wrapper .pss_form ul.gform_fields li.gfield {
	    padding-right: 3px;
	}
	
	.gform_wrapper.pss_form_wrapper .pss_form ul.gform_fields li.gfield.gf_left_third,
	.gform_wrapper.pss_form_wrapper .pss_form ul.gform_fields li.gfield.gf_middle_third {
	    padding-right: 6px;
	}
*/
}