/*
Theme Name: InfoLink IT
Theme URI: http://www.infolinkit.com.au/mini1
Description: A search engine optimized website framework for WordPress.
Author: You
Author URI: http://www.infolinkit.com.au
Version: 1.0
Tags: Comma-separated tags that describe your theme
.
*/


/* = General
-------------------------------------------------------------- */
body {margin: 0px; padding: 20px 10px; font-family: 'Roboto',Arial,Tahoma,Verdana, sans-serif; font-size:13px; background-color:#999; background-image:url(images/bg.jpg) }
img{max-width:100%; height:auto;}
a{color:#ff6600;}
a:hover{color:#000;}

h1,h2,h3,h4{margin-top:0px;}
h1,.like_h1{font-size:42px;font-weight:100;margin:0px 0px 20px 0px; }
hr{border:0px; border-bottom:1px dotted #999;}
.titleh1{font-weight:400; color:#ff6600}

div.block{max-width:1040px;margin:0px auto;padding:30px 20px;}
div.nogap{padding-top:0px !important; padding-bottom:0px !important; }
div.nogap2{padding:0px !important; max-width:1080px;}
div.nogap .section .col, div.nogap2 .section .col{margin:0px !important;}

.phone{font-size:26px; font-weight:bold; vertical-align:middle; }
.phone span{font-weight:normal; font-size:11px; text-transform:uppercase}

/* = Backgrounds
-------------------------------------------------------------- */
.bg_white{background-color:#fff;}
.bg_photo{background-image:url(images/bg-top.jpg); color:#fff;}
.bg_l_gray{background-color:#eaeaea;}
.bg_l_gray_2{background-color:#f6f6f6;}
.bg_red{background-color:#ff6600; color:#fff}
.bg_skin{background-color:#fdd7ca;}
.bg_black{background-color:#282828; color:#fff;}


/* = Buttons 
-------------------------------------------------------------- */
.button{border-radius:4px; padding:15px 30px; line-height:15px; margin:0px auto 0px auto; -webkit-appearance: none; text-align:center; text-decoration:none; text-transform:uppercase; white-space:nowrap; display:inline-table; cursor:pointer; border:0; }
.button_red{background-color:#ff6600;  color:#fff; }
.button_red:hover{background-color:#333; color:#fff;}
.button_white{background-color:#fff;  color:#ff6600; }
.button_white:hover{background-color:#333; color:#fff;}


.red{color:#ff6600;}
.white{color:#fff;}
.txt_up{text-transform:uppercase;}
.txt_20{font-size:20px;}
.txt_30{font-size:30px;}
.rg_border{border-right:10px solid #ff6600;}


/* = menu
-------------------------------------------------------------- */
.menu{position:relative; margin:0px auto 0px auto !important; padding-bottom:10px !important; padding-top:0px !important;}
.freequote{float:right; margin-left:20px;}
#simple-menu{display:none;}

/* = product list
-------------------------------------------------------------- */
.productslist{}
.productslist ul{margin:0px; padding:0px; list-style:none;}
.productslist ul li{font-size:16px; padding:4px 6px; border-bottom:1px dotted #ff6650}
.productslist ul li a{text-decoration:none; display:block; font-weight:bold}

/* = showform
-------------------------------------------------------------- */
#showform{max-width:500px; margin:20px auto; display:none}


/* = contactform
-------------------------------------------------------------- */
#contactform{margin:20px 0px; padding:20px; background-color:rgba(0, 0, 0, 0.7); color:#FFF; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);}
#contactform h3{font-weight:400; font-size:24px; color:#FFF}
#contactform input[type='text']{padding:4%; width:100%; font-size:14px; border: 0; border-radius: 0; margin-bottom:4px; -webkit-appearance: none; -webkit-box-shadow: inset 0px 0px 6px 0px #666666; -moz-box-shadow: inset 0px 0px 6px 0px #666666; box-shadow: inset 0px 0px 6px 0px #666666;}
#contactform select{width: 100%; padding: 4%; font-size: 14px; line-height: 1; border: 0; border-radius: 0;-webkit-appearance: none; -webkit-box-shadow: inset 0px 0px 6px 0px #666666; -moz-box-shadow: inset 0px 0px 6px 0px #666666; box-shadow: inset 0px 0px 6px 0px #666666; background-color:#FFF; }
#contactform .terms{font-size:11px; color:#999;}
select.area{display:none;}
#contactform .inputerror{-moz-box-shadow:inset 0 0 10px #ff0000 !important;-webkit-box-shadow: inset 0 0 10px #ff0000 !important; box-shadow:inset 0 0 10px #ff0000 !important; }

body span.wpcf7-not-valid-tip {
display: block;
color: #ec3c06;
border: none;
position: relative;
top: auto;
left: auto;
padding: 0;
margin-top: 2px;
background: none;
font-size: 15px;
}

body div.wpcf7-validation-errors {
background: #ffe2e2;
border: 1px solid #ff8a8a;
color: #ec3c06;
}

body div.wpcf7-response-output {
margin: 10px 0;
padding: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 5px;
}

body .wpcf7-mail-sent-ng {
background: #fff2e2;
border: 1px solid #ffbc8a;
color: #e17731;
}

body .wpcf7-mail-sent-ok {
background: #e8ffe2;
border: 1px solid #6fdf51;
color: #1ea524;
}
/* = Responsive
-------------------------------------------------------------- */
@media only screen and ( max-width: 768px ) {
	body{padding:10px}
	
	/* Header Nav */
	nav{clear:both; float:none; display:none;}
	#simple-menu{display:block; position:static !important; clear:both; margin:0px auto; float:none; width:95%; text-align:center; }
	a.freequote{float:none; margin:10px auto;}
}


/* = Responsive Grids
-------------------------------------------------------------- */

/*  SECTIONS  */
.section {clear: both; padding: 0px; margin: 0px;}

.section .center,.center{text-align:center;}
.section .left{text-align:left;}
.section .right{text-align:right;}

/*  COLUMN SETUP  */
.col {display: block; float:left; margin: 1% 0 1% 1.6%;}
.col:first-child {margin-left: 0;}

/*  GROUPING  */
.group:before,.group:after {content:"";	display:table;}
.group:after {clear:both;}   

/*  GRID OF TWO  */
.span_1_of_1 {width: 100%;}
.span_1_of_2 {width: 49.2%;}                                      			

/*  GRID OF THREE  */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.13%;}
.span_1_of_3 {width: 32.26%;}

/*  GRID OF FOUR  */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}

/*  GRID OF FIVE  */
.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79.68%;}
.span_3_of_5 {width: 59.36%;}
.span_2_of_5 {width: 39.04%;}
.span_1_of_5 {width: 18.72%;}

/*  GRID OF SIX  */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}

/*  GO FULL WIDTH AT LESS THAN 768 PIXELS */

@media only screen and (max-width: 768px) {
.col {margin: 1% 0 1% 0%;}
.col{margin-bottom:10px;}

.span_2_of_2 {width: 100% !important;}
.span_1_of_2 {width: 100% !important;}

.span_3_of_3 {width: 100% !important;}
.span_2_of_3 {width: 100% !important;}
.span_1_of_3 {width: 100% !important;}

.span_4_of_4 {width: 100% !important;}
.span_3_of_4 {width: 100% !important;}
.span_2_of_4 {width: 100% !important;}
.span_1_of_4 {width: 100% !important;}

.span_5_of_5 {width: 100% !important;}
.span_4_of_5 {width: 100% !important;}
.span_3_of_5 {width: 100% !important;}
.span_2_of_5 {width: 100% !important;}
.span_1_of_5 {width: 100% !important;}

.span_6_of_6 {width: 100% !important;}
.span_5_of_6 {width: 100% !important;}
.span_4_of_6 {width: 100% !important;}
.span_3_of_6 {width: 100% !important;}
.span_2_of_6 {width: 100% !important;}
.span_1_of_6 {width: 100% !important;}

.section .left{text-align:center;}
.section .right{text-align:center;}
}
/* = Responsive Grids
-------------------------------------------------------------- */
/* =Contact form
-------------------------------------------------------------- */
input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 textarea, .wpcf7 select{background-color: #fbfbfb; border : solid #dadada 1px; font-size:11px; width: 100%; -box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 32px; *line-height:32px; *margin-left:-3px; *margin-right:-4px; display: inline; padding: 0px 0 0 5px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin-bottom:10px }
.wpcf7 select{-webkit-appearance: none; -webkit-border-radius: 0px;}


.wpcf7{margin:0px 0px 0px 0px; overflow:hidden; }
.wpcf7 form{margin:0px; padding:0px;}
.wpcf7 p{margin:0px 0px 5px 0px; padding:0px;}
.wpcf7 h2{margin:0px 0px 10px 0px; padding:0px; }
.wpcf7 textarea{height:100px; resize:vertical;}
.wpcf7 .services{margin:20px 0px;}
.wpcf7-not-valid-tip-no-ajax{color:#0c5da9; font-size:10px;}
input.wpcf7-not-valid{border:1px solid #0c5da9 !important; }
.wpcf7 input[type=checkbox]{float:left; }
.wpcf7-list-item-label{float:left; display:block; margin:2px 20px 0px 5px; }
.wpcf7-response-output{  }
.wpcf7-validation-errors{background-color:#0c5da9; color:#fff; padding:10px; margin-top:10px;}
.wpcf7-mail-sent-ok{background-color:#00be00; color:#fff; padding:10px; margin-top:10px; }
/* =Contact form
-------------------------------------------------------------- */


/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}