/*
Theme Name: Matt
Theme Style: WordPress Theme
Theme URI: http://alphatechcounsel.com
Description: 2 column wordpress theme.
Author: Matt
Author URI: http://alphatechcounsel.com
*/

/**BOOTSTRAP**/
/*-----------------------------BOOTSTRAP END-------------------------------------*/

/** BASIC */

html {
	margin-top: 8px !important;
}

body {
	margin: 0px;
	padding: 0px; 
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h1, h2, h3 {
	margin: 0px;
}

h1 {
	margin-bottom: 5px;
	font-size: 22px;
	color: #FFFFFF;
	font-weight: normal;
}

h2, h3 {
	font-weight: normal;
}

h2 {
	margin-bottom: 5px;
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
}
h3 {
	margin-bottom: 5px;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
}

h2 span {
	color: #2F3E46;
}

.style1 {
	margin-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

h3 {
	font-size: 16px;
}

/** TEXTS */

body, th, td, select {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
}

input {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #000000;
}

textarea {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #000000;
}


p, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1.5em;
	line-height: 18px;
}

.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.list1 li {
	padding: 2px 0px 2px 27px;
	background: url(images/homepage06.gif) no-repeat left center;
}

strong {
	color: #2F3E46;
}

/** LINKS */

a {
	color: #2F3E46;
	text-decoration:none;
}



a:hover {
	text-decoration: underline;
	color: #2F3E46;
}
a {
color: #ffffff;
}
a:selected{
color:#2F3E46;
}


/** BACKGROUNDS */

#bg1 {
	background: url(images/bg03.jpg) repeat-x left top;
}

#bg2 {
	height: 195px;
	background: url(images/bg04.jpg) no-repeat center top;
}

#bg3 {
	background: none;
}

.bg4 {
	background: url(images/bg05.jpg) no-repeat center top;
}


/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

img.left {
	float: left;
	margin: 0px 25px 0px 0px;
}

img.right {
	float: right;
	margin: 0px 0px 0px 25px;
}

img.border {
}

hr { display: none; }

.hr1 {
	height: 1px;
}

/** LOGO */


#logo img {
	display: block;
	float: left;
	height: 50px;
	width: 175px;
	}

#logo ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #FFFFFF;
    padding-right: 15px;
}

#logo li {
    float: right;
}

#logo li a {
    display: block;
    color: #2F3E46;
    font-size: 1.25em;
    text-align: center;
    padding: 16px;
    text-decoration: none;
}

#logo li a:hover {
    color: #ff0000;
}

/** PAGE */

#page {
	margin: 0px auto;
	padding: 15px;
    	position: relative;
}

#page p, #page ul, #page ol {
	line-height: 18px;
}

/** CONTENT */

.content {
	float: left;
	width: 750px;
    	padding-right: 40px;
}

.post {
	padding-top: 20px;
	padding-left: 50px;
}

.post h1 {
	background-color: #2F3E46;
}

.post h1 a {
	background-color: #2F3E46;
	color: #363636;
}

/** SIDEBAR */

/* .sidebar {
	float: left;
	width: 400px;
	padding-left:15px;
	background-color: #2F3E46;
	margin-bottom: 20px;
    	height: 100%;
    	position: absolute;
    	right: 0;
    	top: 0;
} */

.sidebar h1 {
	padding-left:100px;
}

.sidebar ul {
	padding-left:100px;
}

.sidebar .textwidget {
	padding-left:100px;
}


#sidebar ul li{
	list-style:none;
	margin-left: -25px;
	padding-left: 100px;
}

/** BOX1 */

#box1 {
	width: 648px;
	margin: 0px auto;
	padding: 37px 0px 0px 0px;
}

#box1 * {
	color: #D0E0BE;
}

#box1 h2 {
	margin-bottom: 0px;
	color: #363636;
}

#box1 h2 span {
	color: #CBECA0;
}

#box1 h3 {
	margin-bottom: 20px;
	color: #A5C082;
}

#box1 a {
	color: #363636;
}

/** BOX2 */

#box2 {
}

#box2 .column-one {
	float: left;
	width: 255px;
}

#box2 .column-two {
	float: left;
	width: 393px;
}

/** FOOTER */

#footer {
	height: 100px;
	clear:both;
	background-color: #2F3E46;
}

#footer p {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align: center;
	color: #FFFFFF;
	clear:both;
}

/** Searchform */

#searchform {
}

#searchsubmit {
	width:70px;
}

#searchform #s {
	width: 115px;
}

.sidebar form {
	padding-top: 20px;
}

.sidebar label {
	padding-left:100px;
}

.attentionclass {
		border:2px solid black;
		text-align:center; 
		padding:0px; 
		color:#000000;
		font-weight:bold;
		font-size:24px;
		display:table-cell;
		vertical-align:middle;
}

/*-------------------------RESPONSIVENESS--------------------------------*/

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
float:left;
}
@media only screen and (max-width: 680px) {
	#logo ul .hidden,
	.textwidget,
	.sidebar ul,
	#searchform {
		display: none;
		visibility: hidden;
	}
}


    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}