/* 
  -----------------------------------
  PVII Vanilla
  by Project Seven Development
  www.projectseven.com
  Custom CSS
  -----------------------------------
*/


/* Add your Exception and Custom Rules Here*/
 
body {
	background-color: #EEEEEE;
	margin: 0px;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	color: #666666;
	line-height: 1.4em;
	font-weight: 300;
}
.scalable-border {
	padding:4px; 
	background-color: #FFF; 
	border: 1px solid #CCC; 
	width: auto;
	height: auto;
	max-width: 90%;
}
#layout-container {
	margin: auto;
	box-sizing: border-box;
	padding: 30px 0px 0px 20px;
}
.sidebar-left .column {
	float: left;
}

.column li {
	text-decoration: none;
	border-bottom: 1px dotted;
}
.column li:hover {
	border-bottom: 1px solid;
}


.columns-container {
	border: none;
}
.columns-container {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,eeeeee+100 */

background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(left,  #f5f5f5 0%, #eeeeee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f5f5f5 0%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f5f5f5 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 */
background: none;
/* background-color: #ffffff; */
}

.main-content {
	border: 1px dotted #BBBBBB;
    background: #FFFFFF;
}

.sidebar-right .main-content, .sidebar-left .main-content {
	width: 70%;
	padding: 20px 30px;
}
.sidebar-right .sidebar, .sidebar-left .sidebar {
	width: 30%;
	padding: 20px 20px;
	padding: 20px 40px 20px 20px;
}
.sidebar {
	background-color: #EEEEEE;
	min-height: 800px;
	min-height: 100px;
}
h1, h2, h3, h4 {
	margin: 0px;
	font-weight: 700;
	font-family: 'Lato', sans-serif;
}

h2 {font-size: 1.2em; 
	font-weight: 300; 
	color: #993300; 
	text-transform: uppercase; 
	letter-spacing: 0.1em; 
	padding-bottom: 18px;
	}
h3 {font-size: 0.8em; font-weight: 400; color: #993300; text-transform: uppercase;}
h4 {font-size: 0.8em;}

.left-border {
	border-left: 1px dotted #BBBBBB;
    border-left: none;
}
.right-border {
	border-right: 1px dotted #BBBBBB;
    border-right: none;
}


#footer {
	background-color: transparent;
	color: #BBB;
	box-sizing: border-box;
	padding: 10px 30px;
	border-radius: 0px 0px 6px 6px;
	font-size: 80%;
	text-align: center;
}

/*Media Query for all devices at screen/browser widths of 700px or less*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
.left-border {
	border-left: none;
}
.right-border {
	border-right: none;
}
.columns-container {
background: #f3f3f3;
background: #ffffff;
}

#layout-container {
	padding: 0px 0px;
}
.sidebar-right .sidebar, .sidebar-left .sidebar {
	padding: 40px 20px 20px 20px;
}
}

/*Media Query for smartphones*/
@media only screen and (max-device-width: 480px) {
.left-border {
	border-left: none;
}
.right-border {
	border-right: none;
}
.columns-container {
background: #f3f3f3;
background: #ffffff;
}
.main-content {
	border-top: 1px dotted #BBBBBB;
}
#layout-container {
	padding: 0px 0px;
}
.sidebar-right .sidebar, .sidebar-left .sidebar {
	padding: 40px 20px 20px 20px;
}
}
/*Media Query for smartphones in landscape mode*/
@media only screen and (max-device-width: 480px) and (orientation : landscape) {
.left-border {
	border-left: none;
}
.right-border {
	border-right: none;
}
.columns-container {
background: #f3f3f3;
background: #ffffff;
}
.main-content {
	border-top: 1px dotted #BBBBBB;
}
#layout-container {
	padding: 0px 0px;
}
.sidebar-right .sidebar, .sidebar-left .sidebar {
	padding: 40px 20px 20px 20px;
}
}

#footer a, .column a {
	color: #666666;
	text-decoration: none;
	border-bottom: 1px dotted;
}
#footer a {
    color: #bbbbbb;
}
#footer a:hover, .column a:hover {
	color: #333333;
	border-bottom: 1px solid;
}