/*
Theme Name: Rad Style
Author: Ruben Robles
Description: A theme for people who sell articles online
Version: 0.1
License: GPL version 3
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: rad-style
Theme URI: https://link-to-theme-documentation.com/
Author URI: http://roblescreations.com\
Tags: custom-menu, custom-logo, custom-header
*/

/***** Colors ******
Dark Blue: #141E1E;
Beige: #C9C1B3;
Olive: #7A7967;
Yellow: #E2A71D;
Red: #722F37;
White: #FFF;
**/

*{
    -webkit-box-sizing: border-box; box-sizing: border-box;
}
.cf:after {
    content:" ";
    display:table;
    clear:both;
}
html{
	background-color: #FFF;
}

body{
	font-family: 'Dosis', 'Barlow Condensed','Roboto Condensed', 'Barlow', sans-serif;
	color:#141E1E;
	margin:0 auto;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
/*****************************/
/***** GENERAL STYLES *******/
/***************************/
/* .header, */
.footer,
/* .content, */
.sidebar,
{
	padding: 2%;
}

.header,
.footer{
	background-color: #141E1E;
	color:#FFF;
}
.header a,
.footer a{
	color: #FFF;
	text-decoration:none;
	/* display: block; */
}

p{
	font-family: 'Barlow Semi Condensed', sans-serif;
  font-weight: 500;
  font-size: 1.25em;
  line-height: 1.35em;
}

/*******************************/
/********* Header **************/
/******************************/
.header{
  border-bottom: solid 8px #C9C1B3;
  padding: 0;
}
.header .container{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
}
.header h1{
  /* margin: 0 auto;
  width: 25%; */
  order:2;
  width: 20%;
}
a.custom-logo-link{
  display:block;
}
.custom-logo-link img{
  width: 90%;
  height: 90%;
}
/********* Mobile Menu ************/
.menu-button{
  display:block;
  font-size: 1.5em;
  font-weight: 700;
  position: relative;
}
.menu-button:after{
  font-family: 'Genericons', sans-serif;
  content: "\f419";
  margin: 0 0 0 .5em;
  font-size: 1em;
  font-weight: normal;
}
.header nav{
  overflow: hidden;
  width: 100%;
  margin: 0;
  background:#C9C1B3;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 1.25em;
  line-height: 2em;
  text-transform: uppercase;
  position: absolute;
  top: 5.25em;
  left: 0;
  align-self: center;
}
.header nav ul{
  padding:0;
  margin:0;
}
.onToggle .header nav{
  max-height:0;
  overflow:hidden;
  transition:all 1s ease-out 0s;
}
.onToggle .header nav.active{
  max-height:30em;
  display: block;
}
.menu-button{
  /* float: left;
  width: 25%; */
  order: 1;
}

/***** Product Woo Search Form *******/
.header-widgets{
  order: 3;
  align-self: center;
}
.widget_product_search {
  /* float:right; */
}

.cart-total{
	order: 4;
}
/***** Hero Image *******/
.featured-image{
  background-repeat: no-repeat;
  background-size: cover;
  /* height: 60vh; */
  font-size: 1.5em;
}
.features{
  text-align: center;
  padding-top: 15%;

}
.features .entry-content{
  background-color: rgba(80, 79, 79, 0.35);
    height: inherit;
    color: #FFF;
    font-weight: 700;
    width: 50%;
    margin: 0 auto;
    padding: 1%;
}
.features p{
  margin: 0;
  padding-top: 1em;
  /*font-size: 1em;*/
}
.features a{
  /*border: solid 2px #FFF;*/
  background:   #7A7967;
  color: #FFF;
  text-transform: uppercase;
  padding: .25em .5em; 
  /*font-size: .5em;*/
  margin: 2em 0;
  font-family:'Roboto Condensed', sans-serif;
  letter-spacing: .08em;
}



@media screen and (min-width: 600px) {
/***** Front Page *******/
h3.widget-title{
  text-align: center;
  font-size: 2em;
}
/***** Featured Products Widget *******/
#woocommerce_products-3 .product_list_widget{
  margin-left: 25%;
}
#woocommerce_products-3 img{
  width: 80%;
  float: none;
  display: block;
  margin: 0;
}
#woocommerce_products-3 .product_list_widget li{
      width: 25%;
    display: inline-block;
    margin-bottom: 2em ;
}
/*********************/
/***** MAIN *******/
/*******************/
.type-page{
  width: 65%;
  margin: 0 auto;
}

/***** Pagination *******/
.pagination{
  margin: 4em auto;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-align: center;
}
.pagination .current{
  background: #7A7967;
  color: #FFF;
}
.page-numbers{
  background: #C9C1B3;
  color: #141E1E;
  padding: .5em 1em;
  margin: 0 .35em;
}
/***** Blog *******/


main .container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  /*padding: 2em;*/
}

main a{
  text-decoration: none;
  color: #141E1E;

}
.page-title{
  text-align: center;
  font-size: 2.5em;
  text-transform: uppercase;
  font-weight: 700;
}
.post{
  width: 400px;
  margin: 2.25em 3em;
  /* border:solid 1px #C9C1B3; */
  /*padding: .8em;*/
}
.post h3{
  font-size: 1.2em;
  margin:0;
}
.post p{
  font-size: 1.1em;
  font-weight: 400;
  margin:.55em 0;

}
.read-more {
  
    /* text-decoration: none; */
    /* padding: .5em .5em 0 .5em; */
    /* display: block; */
    color: #FFF;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    padding: .3em 1em;
    /* margin: 2em; */
    font-size: 1em;
    /* text-decoration: none; */
    /* border: none; */
    letter-spacing: .05em;
    background-color: #C9C1B3;
}
/***** SINGLE POST *******/
.single-post main .container{
     width: 64%;
  margin: 0 auto;
}
.single-post{
  border:none;
  /*border-bottom: solid 2px #000;*/
  width: 100%;
  padding-bottom:2em;
  /*margin-bottom: 2em;*/
}
.single-post article{
   margin-bottom: 2em;
   border-bottom: solid 2px #000;
}
.single-post .comments,
.single-post .comment-form,
.single-post .pings{
  width: 100%;
}
/***** PAGE *******/
.page-template-default main{
  /*width: 100%;*/
  float:none;
}

.page-template-default main h3{
  margin-bottom: 50px;
}

.page-template-default .entry-title{
  text-align: center;
  text-transform: uppercase;
  font-size:2.5em;
}
  .menu-button{
		/* position: absolute;
    right: 0;
    top: 0; */
    display: none;
	}
	.onToggle .header nav{
    
    /* overflow: visible; */
    max-height: 2em;
    align-self: center;
    background-color: transparent;
    transition: none;
  }
  .header h1{
    /* float: left; */
    order:1;
    margin: 0;
  }
  .header nav{
    /* float: right; */
    order: 2;
    position: static;
    font-family: 'Roboto Condensed';
    margin-top: 1em;
    width: 45%;
    margin: 0 auto;
  }
  /* header nav ul,
header nav li{
	margin: 0;
	padding: 0;
	position: relative;

} */
/* header nav ul ul{
  position:absolute;
  left:0;
  top:100%;
  background: #141E1E;
  display: none;
} */
.header nav li{
	display: inline-block;
  font-size: 1em;
	padding:  0 1em 0 1em;
	line-height: 1.5em;
}
.header nav a{
	display: block;
}
.woocommerce-product-search{
  float: right;
}
/*********************/
/***** FOOTER *******/
/*******************/
.footer{
  clear:both;
  font-family:'Barlow Condensed', sans-serif;
}
.footer .container{
  /* float: left; */
  /* width: 25%; */
  /* display:flex;
  flex-direction: row;
  justify-content: space-between; */
  
}
.footer .custom-logo-link img {
  width: 75%;
  height: 75%;
}
.footer .widget{
  /* display:inline-block;
  width: 35%; */
  padding: 0 4em;
}
.footer .wrapper{
  float: left;
  width: 25%;
}
.footer-widgets{
  float: left;
  width: 48%;
  display: flex;
}
.footer form{
  float: right;
  width: 22%;
}
.footer form label,
.footer form input,
.footer form button{
  display: block;
  margin-bottom: .5em;
      /*width: 100%;*/
}
.footer-widgets{
  
/* display: flex;
     align-items: baseline; 
    justify-content: space-between; */
    /* margin: 0 1em; */
  }
.footer-widgets section{
      /* margin: 0 15em; */
    }
}
.footer-widgets ul{
  padding:0;
}
.footer-widgets ul li{
  list-style: none;
}

/*****************************/
/******* BACK TO TOP *********/
/***************************/
.backTop 
{
  position: fixed;
  bottom: 2em;
  right: 3%;
  z-index: 5;
}
.backTop a 
{
  font-size: .85em;
  color: #FFF;
  padding: 1em;
  display: block;
  text-decoration: none;
  /* background-color: rgba(204, 48, 48, .5); */
  background-color: #C9C1B3;  
  transition: 0.4s;
}
.backTop a:after{
  font-family: 'Genericons';
  content: "\f500";
  margin: 0 0 0 .5em;
  font-size: 1em;
}
.onToggle .backTop{
  display: none;
}















/********* SOCIAL ICONS ***********/


.social-navigation a:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: "Genericons";
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  vertical-align: top;
}


.social-navigation {
  list-style: none;
  margin: 0 0 -0.4375em;
  padding: 0;
}

.social-navigation li {
  float: left;
  margin: 0 0.4375em 0.4375em 0;
}

.social-navigation a {
  color: #FFF;
  display: block;
  height: 35px;
  position: relative;
  width: 35px;
}

.social-navigation a:before {
  content: "\f415";
  height: 33px;
  line-height: 33px;
  text-align: center;
  width: 33px;
  font-size:1.5em;
}

.social-navigation a:hover:before,
.social-navigation a:focus:before {
  color: #007acc;
}

.social-navigation a[href*="codepen.io"]:before {
  content: "\f216";
}

.social-navigation a[href*="digg.com"]:before {
  content: "\f221";
}

.social-navigation a[href*="dribbble.com"]:before {
  content: "\f201";
}

.social-navigation a[href*="dropbox.com"]:before {
  content: "\f225";
}

.social-navigation a[href*="facebook.com"]:before
 {
  content: "\f203";
}

.social-navigation a[href*="flickr.com"]:before {
  content: "\f211";
}

.social-navigation a[href*="foursquare.com"]:before {
  content: "\f226";
}

.social-navigation a[href*="plus.google.com"]:before {
  content: "\f206";
}

.social-navigation a[href*="github.com"]:before {
  content: "\f200";
}

.social-navigation a[href*="instagram.com"]:before {
  content: "\f215";
}

.social-navigation a[href*="linkedin.com"]:before {
  content: "\f208";
}

.social-navigation a[href*="path.com"]:before {
  content: "\f219";
}

.social-navigation a[href*="pinterest.com"]:before {
  content: "\f210";
}

.social-navigation a[href*="getpocket.com"]:before {
  content: "\f224";
}

.social-navigation a[href*="polldaddy.com"]:before {
  content: "\f217";
}

.social-navigation a[href*="reddit.com"]:before {
  content: "\f222";
}

.social-navigation a[href*="skype.com"]:before {
  content: "\f220";
}

.social-navigation a[href*="stumbleupon.com"]:before {
  content: "\f223";
}

.social-navigation a[href*="tumblr.com"]:before {
  content: "\f214";
}

.social-navigation a[href*="twitter.com"]:before {
  content: "\f202";
}

.social-navigation a[href*="vimeo.com"]:before {
  content: "\f212";
}

.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
  content: "\f205";
}

.social-navigation a[href*="youtube.com"]:before {
  content: "\f213";
}

.social-navigation a[href^="mailto:"]:before {
  content: "\f410";
}

.social-navigation a[href*="spotify.com"]:before {
  content: "\f515";
}

.social-navigation a[href*="twitch.tv"]:before {
  content: "\f516";
}

.social-navigation a[href$="/feed/"]:before {
  content: "\f413";
}

/****WORDPRESS COMMON CLASSES****/
/*
 GET THESE FROM WP.ORG 'CSS' DOCUMENTATION
*/

/* =WordPress Core
-------------------------------------------------------------- */
.sticky{
  /*sticky post appearance*/
}
.gallery-caption{
  /*appears below gallery images*/
}
.bypostauthor{
  /*a comment made by the post's author*/
}
.alignnone {
    margin: 5px 20px 20px 0;
}

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

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

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

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

a img.alignnone {
    margin: 5px 20px 20px 0;
}

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

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.widget_product_search{
  display: flex;
}
.header-widgets{
  padding-right: 3%;
  display:flex;
}
.cart-contents{
  margin: 0 1em;
}
.cart-contents:before {
  font-family: WooCommerce;
  content: "\e01d";
  font-size: 28px;
  margin-top: 10px;
  font-style: normal;
  font-weight: 400;
  padding-right: 5px;
  vertical-align: bottom;
  position: absolute;
}
.cart-contents:hover {
  text-decoration: none;
}
.cart-contents-count {
  color: #E2A71D;
  background-color: #722F37;
  font-weight: bold;
  border-radius: 10px;
  padding: 2px 6px;
  line-height: 1;
  font-family: 'Roboto Condensed', sans-serif;
  /* vertical-align: top; */
  /* display: inline; */
  position: relative;
  top: 1.5em;
  left: .5em;
}


section.featuredservices{
  text-align: center;
}
section.featuredservices:after{
  display: block;
  clear: both;
  content: '';
}
div.featuredservicescontainer{
  display: inline-block;
}
div.featuredservicescontainer:after{
  display: block;
  clear: both;
  content: '';
}
section.featuredservices .individual-service{
 /* float: left;*/
  margin: 0.7em;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
div.individual-service a{
  display: block;
}
.individual-service h4{
  line-height: initial;
  margin: .5em auto;
}


/*Woocommerce My Styles*/
.woocommerce-products-header{
  border-bottom: none;
  background-color: #772f37;
  margin:0;
}
.woocommerce-products-header h1{
  margin:0;
  padding: 1.5%;
  color: #FFF;
}
.post-type-archive-product .content {
  padding: 0;
}

.woocommerce nav.woocommerce-breadcrumb{
  padding: .75em 3%;
}
.woocommerce-ordering,
.woocommerce-result-count,
.woocommerce .content .products ul, 
.woocommerce .content ul.products{
  padding: 1% 3%;
}

.woocommerce .content span.onsale{
  background-color: #772F37;
  color: #E2A71D;
  text-transform: uppercase;
  font-family:'Barlow Semi Condensed', sans-serif;
  font-weight: 700;
  padding: .3em .5em;
  letter-spacing: .075em;
  /* font-size: 1.05em */
}

.woocommerce .content div.product{
  padding: 1% 3%;
}

.woocommerce div.product span.onsale{
    top: 0.5em;
    left: 2.5em;
} 


/*Custom Search form*/
.woocommerce-product-search button{
display: none;
}
.woocommerce-product-search input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
.woocommerce-product-search input::-webkit-search-decoration,
.woocommerce-product-search input::-webkit-search-cancel-button {
	display: none; 
}


.woocommerce-product-search input[type=search] {
	background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.woocommerce-product-search input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #66CC75;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


/* Demo 2 */
.woocommerce-product-search input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
.woocommerce-product-search input[type=search]:hover {
	background-color: #fff;
}
.woocommerce-product-search input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
.woocommerce-product-search input:-moz-placeholder {
	color: transparent;
}
.woocommerce-product-search input::-webkit-input-placeholder {
	color: transparent;
}


/*On page*/
.current-menu-item a{
  color: #C9C1B3;
}

/*default thumbnail*/
.default-thumbnail{
  background-color: #722F37;
  width: 400px;
  height: 267px;
}

/*banners*/
.banner-home a{
  display: block;
  text-align: center;
  color: #FFF;
}

.banner-home h3,
.banner-home h2{
  margin:0;
  
  padding:0;
}

.default-banner-home{
  background: #7a7967;
  line-height: 4.5em;
  padding: 2% 0;
}
.default-banner-home h2{
  font-size: 3em;
}
.default-banner-home h3{
  font-size: 2em;
}
.page-template-default main  .banner-home h3,
.page-template-default main  .default-banner-home h3{
  margin-bottom:0;
}

/*home form*/
.featured-products form{
padding: 1%;
background: #C9C1B3;
color: #141E1E;
text-align: center;
font-family:'Barlow Condensed', sans-serif;

}
.featured-products form label{
  text-align: center;
}
.featured-products form input[type="email"]{
  width: 25%;
  margin: 0 auto;
  border: solid 1px #141E1E;
}
.label-above .field-wrap, 
.label-below .field-wrap{
  display: block;
}

.featured-products form input[type="button"]{
  width: 25%;
  border: none;
  color: #FFF;
  background: #7A7967;
  /* margin-bottom: 2.5em; */
  padding: .5em 1em;
  text-transform: uppercase;
  font-weight: 700;
}



.blog .content{
  float: right;
  width: 80%;
}
.sidebar{
  width: 20%;
  float: left;
}
.tagcloud ul {
  padding:none;
  
}
.tagcloud ul li{
  list-style-type: none;
  border: solid 2px #141414;
  border-radius: 2px;
  width: 15%;
}

.tagcloud ul li a{
  color: #141414;
}