/*
Theme Name: Salt Air Constructions
Theme URI: http://saltairconstructions.com.au
Description: Salt Air Constructions Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Author: Chilli Group
Author URI: http://www.chilligroup.com.au
Version: 9.1.3
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

/* HOME PAGE */

h1{
	margin-bottom: 12px !important;
}

.header-contact {
    position: absolute;
    color: #ffffff;
    width: 240px;
    font-size: 22px;
    display: block;
    right: 22px;
    text-align: right;
    top: 36px;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
}
.header-contact a{
	color: #ffffff;
	padding-left: 6px;
}
.header-contact a:hover{
	color: #da0000;
}

.scrolled .header-contact{
	font-size: 16px;
}


.portal-box{
	background-color: #333333;
	padding: 16px;
	min-height: 240px;
	width: calc(92% / 4);
	margin: 1%;
}
.wpb_text_column.wpb_content_element.box-title {
    background-color: transparent;
    margin-left: -31px;
    margin-right: -31px;
    padding: 8px 0px;
    
}
.wpb_text_column.wpb_content_element.box-title:after{
	content:'';
	position: absolute;
	width: 0;
	height: 0;
	margin-top: 5px;
	margin-left: -10px;
	border-style: solid;
	border-width: 15px 12.5px 0 12.5px;
	border-color: transparent transparent transparent transparent;
}

.box-title h3,.box-title h3 a{
	color: #ffffff;
	text-transform: uppercase;
}
.box-title h3,.box-title h3 a:hover{
	color: #f4f4f4;
}

.portal-box p{
	color: #ffffff;
	font-size: 16px;
	line-height: 18px;
	margin-top: 30px;
}



.light-text *, .white-text * {
	color: #FFFFFF;
}

.plan-section, .container_inner.default_template_holder{
	min-height: 980px;
}


.plan-features {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #dadcdf;
    padding: 32px 20px;
    min-height: 356px;
    border-collapse: collapse;
}
.studio-plan-features {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #dadcdf;
    padding: 32px 20px;
    min-height: 480px;
    border-collapse: collapse;
}




.q_icon_list{
	margin-bottom: 12px !important;
}


.plan-features h2{
	margin-bottom: 16px;
}


.q_icon_with_title .icon_text_inner p {
	font-size: 20px;
}

 nav.mobile_menu ul li a:hover, 
 nav.mobile_menu ul li.active > a{
	 color: rgb(208,17,43) !important;
 }

nav.main_menu>ul>li>a{
	padding: 0px 24px !important;
}



/* FOOTER */
.footer_top{
	font-size: 14px;
}

.column1.footer_col1{
	width: 15% !important;
}
.column2.footer_col2{
	width: 35% !important;
}












.footer_top .widget.widget_nav_menu li{
	padding: 0px;
}

table.footer-contact-details td{
	text-align: left;
	padding: 0px 10px 0px 0px;
}
table.footer-contact-details td.abb{
	font-weight: 700;
}


#ninja_forms_form_5 .text-wrap.label-above label, 
#ninja_forms_form_5 .textarea-wrap.label-above label{
	display: none;
}
#ninja_forms_form_5 .field-wrap{
	margin-bottom: 5px;
}

#ninja_forms_form_5 .text-wrap.label-above input,
#ninja_forms_form_5 .textarea-wrap.label-above textarea,
#ninja_forms_form_1 .text-wrap.label-above input,
#ninja_forms_form_1 .textarea-wrap.label-above textarea{
	padding: 6px 8px;
	font-size: 13px;
}


#ninja_forms_form_5 .textarea-wrap.label-above textarea{
	height: 64px;
	border: 1px solid #cacaca;
}
#ninja_forms_form_1 .textarea-wrap.label-above textarea{
	border: 1px solid #cacaca;	
}

input[type=submit]{
	border: 0px;
	background-color: rgb(208,17,43);
	color: #ffffff;
	font-size: 13px;
	padding: 10px 12px;
	-webkit-transition: all 0.3s;
	cursor: auto;
	text-transform: uppercase;
}
input[type=submit]:hover{
	background-color: #233443;
}
#ninja_forms_form_5 input[type=submit] {
    display: block;
    width: 50%;
    float: right;
}
#ninja_forms_field_4{
	width: 125px;
	font-size: 14px;
}


/* PLAN */
.plan-item{
	border:1px solid #ffffff;
	margin-bottom: 32px !important;
}
.plan-meta{
	background-color: #ffffff;
}
.plan-meta .plan-title *{
	background-color: #333333;
	padding: 4px 12px;
	color: #ffffff;
	font-size: 18px;
}
.plan-meta .plan-title h2{
	text-transform: uppercase;
}
.plan-meta .plan-desc{
    padding: 12px;
    font-size: 16px;
    line-height: 20px;
    min-height: 85px;
}
.plan-price {
    min-height: 32px;
    padding: 0px 12px;
    font-weight: 700;
    color: #233443;
    text-align: center;
}
/* PROJECT */

.project-item{
	border:1px solid #ffffff;
	margin-bottom: 32px !important;
	background-color: #333333;
}
.project-meta{
	background-color: #ffffff;
}
.project-meta .project-title{
	background-color: #333333;
	padding: 4px 12px;
	color: #ffffff;
	font-size: 18px;
}

.project-meta .project-title h2 a{
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
	top: -5px;
}
.project-meta .project-desc{
	padding: 12px;
	font-size: 14px;
	line-height: 18px;
}
.project-meta .project-desc p{
	margin-top: 0px;
	font-size: 14px;
	line-height: 18px;
} 
.single-project .blog_holder article .post_image,
.single-project .blog_holder article .post_text h2 .date,
.single-project .blog_holder article .post_info{
	display: none !important;
}
a.more-btn{
	line-height: 56px;
    padding: 7px 16px;
    color: #ffffff;
    background-color: #dd0000;
    margin: 12px;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
}
a.more-btn:hover{
	background-color: #233443;
	color: #ffffff;	
}


.content_bottom .qbutton {
    min-width: 240px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}


.page-id-15 .content_bottom{
	display: none !important;
}
div#print-btn {
	cursor: pointer;
    float: right;
    background: transparent;
    padding: 0px;
    position: relative;
    top: -30px;
}
div#print-btn i{
	color: #ffffff;
}



/********* MEDIA QUERIES *********/

@media (min-width:768px){
	li.tele-nav span{
		font-size: 18px;
	}
	#black-studio-tinymce-5 > div > p > img{
		position: relative;
		right: 10px;
	}
}

@media (max-width:768px) and (min-width:600px){
	.vc_col-sm-3 {
    	width: 50%;
	}
}

@media (max-width:768px){

	.column1.footer_col1,
	.column2.footer_col2,
	.column3.footer_col3,
	.column4.footer_col4{
		width: 100% !important;
		padding-bottom: 4px;
	}
	.column1.footer_col1{
		display: none;
	}
	.footer_top .footer_col4{
		text-align: left !important;
	}
	.portal-box{
	    padding: 16px;
	    min-height: 240px;
	    width: calc(96% / 2);
	    margin: 1%;
	    float: left;
	}
	.header-contact{
		right: 0px;
		top:36px;
	}
	.content_bottom .qbutton{
		min-width: 0px;
	}
	.project-item{
		text-align: center;
	}

}

@media (max-width:600px){
	.plan-features, .studio-plan-features{
		margin-bottom: 32px;
	}
	.portal-box{
	    padding: 16px;
	    min-height: 240px;
	    width: 100%;
	}
	.header-contact{
		    font-size: 16px;
		    text-align: center;
		    right: 128px;
		    top: 76px;
	}
	.content_bottom .qbutton{
		min-width: 240px;
		margin-bottom: 12px;
	}
}
@media (max-width:425px){
	.header-contact{
	    right: 68px;
	    top: 76px;
	}
}
@media (max-width:414px){
	.header-contact{
	    right: 72px;
	    top: 76px;
	}
}
@media (max-width:375px){
	.header-contact{
	    right: 54px;
	    top: 76px;
	}
}
@media (max-width:360px){
	.header-contact{
	    right: 46px;
	    top: 76px;
	}
}
@media (max-width:320px){
	.header-contact{
	    right: 26px;
	    top: 76px;
	}
}