/*
Theme Name: ian
Theme URI: 
Author: Max
Author URI: http://galoreitsolutions.com/
Description: Description
Version: 1.0.0
License URI: LICENSE
Text Domain: ian
*/

/* =Fonts
----------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900');

@font-face {
  font-family: 'Adler';
  src: url('fonts/Adler.eot');
  src: url('fonts/Adler.woff2') format('woff2'),
       url('fonts/Adler.woff') format('woff'),
       url('fonts/Adler.ttf') format('truetype'),
       url('fonts/Adler.svg#Adler') format('svg'),
       url('fonts/Adler.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

/* =Global
----------------------------------------------- */
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
  	font-weight: 400;
  	line-height: 1.7;
	color: #fff;
}

/* Link */
a {
  color: red;
  text-decoration: none;
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}

a:hover,
a:focus {
  color: #fff;
  text-decoration: none;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

/* Form Control */
button,
input,
select,
textarea {
  font-size: 100%; /* Corrects font size not being inherited in all browsers */
  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
select {
    width: 250px;
    border: 1px solid #DCE4EC;
    background-color: #FFF;
    height: 30px;
    padding: 5px;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
  -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing:    content-box;
  box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input.input-text,
textarea {
  color: #666;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"] {
  padding: 3px;
}
textarea {
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top; /* Improves readability and alignment in all browsers */
  width: 100%;
}

/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
  border: 2px solid #fff;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
  border: 2px solid #fff;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* =Typography
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Adler';	
}

p {
	margin-bottom: 15px;
}

ul, ol {
	padding-left: 20px;
}

/* =Header
----------------------------------------------- */
.site-header {
	text-align: center;
	padding: 30px 0 0;
	font-size: 70px;
	font-family: 'Adler';
}
.site-header a {
	color: #000;
}

/* =Nav
----------------------------------------------- */
.navbar {
	border-radius: 0;
	margin: 0;
}
.navbar-default {
	background: none;
	border-color: transparent;
}
.navbar-default .navbar-nav>li>a {
	color: #000;
	font-size: 18px;
	font-family: 'Adler';
	text-transform: uppercase;
}
.navbar-nav {
	text-align: center;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:hover {
	color: red;
	background: none;
}

/* Navbar Toggle */
.navbar-toggle {
	margin: 0;
	border: 0;
	position: absolute;
}
.navbar-toggle .icon-bar {
	background: #000;
}

@media (min-width: 768px) {
	.navbar-nav {
		float: none;
	}
	.navbar-nav>li {
	    float: none;
	    display: inline-block;
	}
	.navbar-nav>li>a {
		padding: 0 15px;
	}
}

@media (min-width: 992px) {
	.navbar-nav>li>a {
		padding: 0 25px;
	}
}

/* =Content
----------------------------------------------- */
.content-area {
	background: rgba(0,0,0,0.6);
	padding: 25px;
	margin-bottom: 50px;
}

/* =Post styling
----------------------------------------------- */
.blog-item-wrap {
	border-bottom: 1px solid #777;
	padding-bottom: 25px;
	margin-bottom: 50px;
}

/* entry header */
.entry-header h2 {
	margin-bottom: 0;
}
.entry-header .entry-meta {
	margin-bottom: 15px;
}
.entry-header .entry-meta span.byline {
	display: none;
}

/* entry footer */
.entry-footer span {
	margin-right: 10px;
}

/* Widgets */
.widget {
	margin: 0 0 40px;
}
.widget h2 {
	color: red;
	font-size: 24px;
	border-bottom: 1px solid red;
}

/* =Woocommerce styling
----------------------------------------------- */
.panel {
  background: none;
}
.woocommerce-result-count {
  display: block;
  margin-bottom: 30px!important;
}
.woocommerce-ordering {
  display: none;
}
.woocommerce .woocommerce-breadcrumb {
  margin-bottom: 25px;
  color: #aaa;
}
.woocommerce .woocommerce-breadcrumb a {
  color: #aaa;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #000;
}
.woocommerce div.product .woocommerce-tabs .panel {
  color: #fff;
}
.woocommerce .quantity .qty,
.woocommerce select {
  color: #333;
}
.woocommerce div.product form.cart {
  background: rgba(0,0,0,0.8);
  padding: 20px;
}
.woocommerce div.product form.cart .variations td {
  display: block;
  text-align: left;
}
.woocommerce div.product form.cart .variations label {
  margin: 0!important;
  color: #aaa!important;
}
.woocommerce div.product .product_title {
  font-weight: 700;
  margin-bottom: 20px;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
  font-size: 22px;
  font-weight: 700;
}
.woocommerce ul.products li.product .price {
	color: #fff;
	font-size: 16px;
}
.select2-dropdown {
  color: #333;
}
.woocommerce div.product form.cart .variations label {
  color: #6B6B6B;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 8px;
}
.woocommerce table.shop_table {
  border: 1px solid #555;
}
.woocommerce table.shop_table th {
  background: #555;
  color: #fff;
}
.woocommerce table.shop_table td {
  border-color: #555;
  color: #fff;
}
.woocommerce table.shop_table td a {
	color: #fff;
}
.woocommerce-checkout #payment {
  background: #000;
}


/* =Footer
----------------------------------------------- */
body.home .site-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
}
.site-footer {
  background: #000;
  color: #999;
  padding: 14px 0;
  font-size: 14px;
  text-align: center;
}
.site-footer a {
  font-size: 14px;
  color: #ccc;
  margin: 0 8px;
}
.site-footer a:hover {
  color: #fff;
}

/* =MEDIA QUERY
----------------------------------------------- */
@media (max-width: 992px) {

}

@media (max-width: 768px) {
	.navbar-default .navbar-collapse {
		background: rgba(255,255,255,0.5);
	}
}

@media (max-width: 480px) {
	.site-header {
		font-size: 55px;
		line-height: 60px;
	}
}