/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/
blockquote {
  font-family: Lucida Grande;
  font-size: 14px;
  font-color: #fefefe;
  margin: 0.0em 0;
  padding: 0.1em 12px;
  position: relative;
  color: #fefefe;
  border: 0px;
  margin-bottom: 10px; 
  
}


body {
    overflow: hidden;
}

body blockquote {
    color: #5a5a5a !important;
    margin-bottom: 12px;
    margin-right: 28px;
   border-left: 1px solid #d8d8d8;
	
}

blockquote p{
	margin-bottom: 5px
}

blockquote a{
	color: #5a5a5a !important;
}

blockquote strong{
	color: #838383 !important;
}

blockquote li {
  color: #5a5a5a;
  font-family: Lucida Grande;
  font-size: 14px;
}

blockquote h2{
	font-size: 15px;
	color: #878787 !important;
	font-weight: 550;
	margin-top: 7px;
	margin-bottom: 15px;
}

.single-post .x-nav-articles {
    display: none;
}

a{
    color: black;
}

a:link {
    text-decoration: underline;
}



.entry-content {	/* vertical distance between h1(permalink) on homepage and text */
	margin-top: 17px;
}

h1.entry-title{
	font-size: 21px;
	font-weight: 600;
	margin-top: 45px;
	margin-bottom: 15px;
}

h1{
	font-size: 21px;
	font-weight: 600;
}
h2{
	font-size: 17.5px;
	margin-bottom: 10px;
	color: #333333!important ;
}
h3{
	font-size: 14px;
	color: #333333!important ;
}


p{ 
	margin-bottom:15px; 
	line-height:175%;
}

ul{
	margin-left: 45px;
	margin-bottom: 17px;	
}

a.x-btn-navbar i {   /* set expandable menu's colour to one that is bearable  */
    color: #000000;
    background-color: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
}

.x-btn-navbar.collapsed .x-icon-bars:before { /* this line and the next is to fix the horrible hamburger icon */
  content:"\f0d7";  
}

.x-btn-navbar .x-icon-bars:before {
  content:"\f0d8";  
}






/* Code to eliminate ugly dropdowns */
@media (max-width: 979px){
  .x-nav-wrap.desktop {
    display: block;
  }

  .masthead-stacked .x-btn-navbar {
    display: none;
  }

  .x-navbar .x-container.max.width {
    max-width: 100%;
    width: 100%;
  }

  .x-navbar .desktop .x-nav>li {
    float: none;
    display: table-cell;
  }

  .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .x-navbar .x-nav-wrap .x-nav > li > a {
    letter-spacing: 0;
    font-size: 16px;

  }  
  .x-navbar .desktop .x-nav > li > a > span {
      margin: 0 auto;
  }
}


@media (max-width:530px){
  .x-child-theme-active p {
    font-size: 12.5px !important;
  }
  
  .x-child-theme-active h2.entry-title {
    font-size: 100% !important;
  }
 .x-child-theme-active h2{
	font-size: 13.5px;
  }

  .x-child-theme-active .x-navbar .desktop .x-nav > li > a {
    font-size: 13px !important;
  }

  .x-child-theme-active .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
    outline:none !important;
    box-shadow: none !important;
}

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a,
.x-navbar .desktop .x-nav a:focus {
    outline:none !important;
    box-shadow: none !important;
}

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a,
.x-navbar .desktop .x-nav a:focus {
    outline:none !important;
    box-shadow: none !important;
}

.blog .x-main .hentry, 
.search .x-main .hentry, 
.archive .x-main .hentry {
    border-top: none;
    margin-top: 75px;
    
}

/*	To fix WHAT and HOW the meta tags display */

.p-meta span {
	color: rgb(161, 158, 161);
	font-family: Helvetica;
	font-size: 12px;
	font-weight: 100;
}
.p-meta {text-align: right;}
.p-meta span:first-of-type {display: none;}


/*	 Line under the top-menu and proper alignment  */

.masthead-stacked .desktop .x-nav {
    border-bottom: 1px rgb(197, 197, 197) solid;
    padding-bottom: 25px;
    margin-bottom: -12px;	
}

/* 	Set the colour of the text in the footer */
.x-colophon-content {
	padding-top: 105px;
    color: #808080 !important;
}

/*	Pagination is a bitch*/
.x-pagination {
    display: none;
}

/* 	See the little ARCHIVES page at the bottom of the homepage? This is for that */
.archives-link > a {
    font-size: 21px;
    font-weight: 600;
}

/*	Resizing the search bar*/
.form-search {
    margin: 0 auto;
    max-width: 400px;
}