/*
 Theme Name:   Speculate Pro
 Theme URI:    http://demo.childthemestyles.com/speculatepro/
Description: Speculate Pro is a premium child theme for the Twenty Fifteen default theme. You get several enhancements to typography, layout, while maintaining a clean, blog-focused, and a visually stunning design for simplicity. Speculate's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. Just like Twenty Fifteen, we maintained a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
 Author:       ChildThemeStyles.com
 Author URI:   https://www.childthemestyles.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 Text Domain:  speculatepro
*/

body {}

body:before {
    box-shadow: 5px 0px 7px 0px rgba(0,0,0,0.07);
}
.site-header {
    padding: 5% 7.6923%;
}



.main-navigation .menu-item-description {
    font-family: "Open Sans",sans-serif;
}

/* Typography */
body,
button,
input,
select,
textarea {
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	/* font-family: Candara, serif; */
	/* font-style: italic; */
	font-weight: 400;
}
.site-title {
    font-family: Candara,serif;
	font-style: italic;
}
.site-description {
    font-family: "Open Sans", sans-serif; 
	margin: 0.25em 0 0;
}

.entry-title {
	font-size: 38px; 
	font-size: 2.375rem; 
	font-size: 5rem
	line-height: 1.1;
	margin-bottom: 2rem;
}

code {
    color: #da855b;
}
pre code {
  color: #333;
}

/* Elements */
.page-header {
	margin-bottom: 5%;
	padding: 2% 8%;
}
 blockquote {
 font-size: 24px;
 font-size: 1.5rem;
}
blockquote cite, 
blockquote small {
    font-size: 20px;
    font-size: 1.25rem;
 }
.sticky-post {
    background-color: #000;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.125em;
    padding: 0.375em 2em 0.313em;
}
.entry-content, 
.entry-summary {
    padding: 0 7% 10%;
}

.entry-content a, 
.entry-summary a, 
.page-content a, 
.comment-content a, 
.pingback .comment-body > a {
	font-weight: 700;
    color: #000;
}
.entry-content .more-link:after, 
.entry-summary .more-link:after {
    content: "...";
	font-size: initial;
    line-height: 1;
    top: 2px;
}
.entry-content .more-link {
	padding: 0;
    font-family: Candara;
    font-size: 1.5rem;
    font-weight: 400;
    font-style: italic;
    text-transform: capitalize;

}
.entry-content a.more-link, 
.entry-summary a.more-link {
	text-decoration: none;
	border-bottom: none;
}
.entry-content a.more-link:hover, 
.entry-summary a.more-link:focus {
    color: #707070;
}
.site-main {
    padding: 7.6923% 0 0;
}
#content-top,
#inset-top,
.hentry {
    margin-bottom: 5%;
}
.comments-area {
    padding: 5%;
}

/* Social and pagination */
.social-navigation a:before {
    background-color: #ececec;
    padding: 0.313em;
    border-radius: 50%;
}
.pagination {
    margin-bottom: 5%;
	margin-top: 5%;
}
.pagination .next:before {
    right: 0;
}
.pagination .prev, 
.pagination .next {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    background-color: #f7f7f7;
    color: #333;
}
.pagination .prev:hover, 
.pagination .prev:focus, 
.pagination .next:hover, 
.pagination .next:focus {
    background-color: #707070;
	color: #fff;
}

.dropdown-toggle {
    top: 0;
	width: 37px;
	height: 37px;
}
.main-navigation a {
    padding: 0.5em 0;
}

/* Sideabrs and Widgets */
.widget {
    margin: 0 auto;
}
.sidebar .widget {
	margin-bottom: 9%;
}
.widget-title {
	font-weight: 600;
}
#inset-top .widget-area,
#inset-bottom .widget-area {
    margin-top: 0;
}
#sidebar-bottom {
    background-color: #e2e2e2;
}

#inset-bottom.container-fluid {
	margin-bottom: 5%;
}
	
#content-top .widget,
#inset-top .widget,
#inset-bottom .widget,
#content-bottom .widget,
#sidebar-bottom .widget {
    padding: 20px;
}
#content-top,
#content-bottom,
#inset-top,
#inset-bottom {
    background-color: #fff;
}
#sidebar-footer {
    margin-bottom: 2%;
}
#sidebar-footer .widget {
    padding: 0;
}
.tag-cloud-link {
    display: inline-block;
    font-size: 1.25rem!important;
    background-color: #ececec;
    padding: 0.313rem 0.75rem;
    margin: 0.313rem 0.125rem;
    line-height: 1.25;
    text-transform: lowercase;
	border: 1px solid #d6d6d6;
    border-radius: 0.188rem;
}


/*
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px; }
  @media (min-width: 576px) {
    .container-fluid {
      padding-right: 20px;
      padding-left: 20px; } }
  @media (min-width: 768px) {
    .container-fluid {
      padding-right: 20px;
      padding-left: 20px; } }
  @media (min-width: 992px) {
    .container-fluid {
      padding-right: 20px;
      padding-left: 20px; } }
  @media (min-width: 1200px) {
    .container-fluid {
      padding-right: 20px;
      padding-left: 20px; } }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px; }
  @media (min-width: 576px) {
    .row {
      margin-right: -20px;
      margin-left: -20px; } }
  @media (min-width: 768px) {
    .row {
      margin-right: -20px;
      margin-left: -20px; } }
  @media (min-width: 992px) {
    .row {
      margin-right: -20px;
      margin-left: -20px; } }
  @media (min-width: 1200px) {
    .row {
      margin-right: -20px;
      margin-left: -20px; } }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 20px;
  padding-left: 20px; 
  }
  @media (min-width: 576px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md {
      padding-right: 20px;
      padding-left: 20px; } 
	}
  @media (min-width: 768px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md {
      padding-right: 20px;
      padding-left: 20px; } 
	}
  @media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md {
      padding-right: 20px;
      padding-left: 20px; } 
	}
  @media (min-width: 1200px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md {
      padding-right: 20px;
      padding-left: 20px; } 
	}
	  

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }

}
	  



/* Phone Large */
@media screen and (min-width: 38.75em) {
	.hentry, .page-header, .page-content {
		margin: 0 5%;
	}
	.entry-content, .entry-summary {
		padding: 0 9% 7%;
	}
	.container-fluid {
		    padding: 0 4% 5%;
	}
	.entry-footer {
		padding: 2% 9%;
	}
	.site-footer {
		margin: 0 5%;
	}
	.banner .widget {
		width: auto;
		margin: 0 5% 6%;
	}	
	#content-top,
	#content-bottom,
	#inset-top,
	#inset-bottom,
	#sidebar-bottom {
		 margin: 0 5% 5%;
	}
	#content-bottom {
		margin-bottom: 0;
	}
	.comments-area {
		margin: 5% 5% 0;
	}
	.pagination {
		margin-left: 5%;
		margin-right: 5%;
	}
	.post-navigation {
		margin: 5% 5% 0;
	}
}

/* Tablet Small 740px */
@media screen and (min-width: 46.25em) {
	.entry-title,
	.widecolumn h2 {
		font-size: 44px;
		font-size: 2.75rem;
	}	
	.posted-on:before, 
	.byline:before, 
	.cat-links:before, 
	.tags-links:before, 
	.comments-link:before, 
	.entry-format:before, 
	.edit-link:before, 
	.full-size-link:before {
		top: 2px;
	}
	#content-top.container-fluid,
	#content-bottom.container-fluid,
	#inset-top.container-fluid,
	#inset-bottom.container-fluid,
	#sidebar-bottom.container-fluid {
		margin: 0 5% 5%;
		padding: 0;
	}
	#content-bottom.container-fluid,
	#sidebar-bottom.container-fluid {
		margin-bottom: 0;
	}	
	.widget {
		line-height: 1.313;
	}	
	.pagination .nav-links {
		min-height: 3.313em;
	}	
	.pagination .prev, .pagination .next {
		height: 3.313em;
		width: 3.313em;
	}
	.pagination .page-numbers {
		line-height: 3.313em;
	}
	.pagination .prev:before, 
	.pagination .next:before {
		height: inherit;
		line-height: inherit;
		width: inherit;
	}	
    blockquote {
    font-size: 28px;
    font-size: 1.75rem;
  }
  blockquote cite, 
  blockquote small {
    font-size: 20px;
    font-size: 1.25rem;
  }  
}

/* Tablet Large 880px */
@media screen and (min-width: 55em) {
	.site-title {
		font-size: 52px;
		font-size: 3.25rem;
	}
	.site-description {
		font-size: 22px;
		font-size: 1.375rem;
	}
	.post-password-form label, 
	.post-navigation .meta-nav, 
	.comment-navigation, 
	.image-navigation, 
	.author-heading, 
	.author-bio, 
	.entry-footer, 
	.page-links a, 
	.page-links span, 
	.comment-metadata, 
	.pingback .edit-link, 
	.comment-list .reply, 
	.comment-notes, 
	.comment-awaiting-moderation, 
	.logged-in-as, 
	.comment-form label, 
	.form-allowed-tags, 
	.site-info, 
	.wp-caption-text, 
	.gallery-caption, 
	.entry-caption, 
	.widecolumn label, 
	.widecolumn .mu_register label {
		 font-size: 20px;
		font-size: 1.25rem;
	}
	.posted-on:before, 
	.byline:before, 
	.cat-links:before, 
	.tags-links:before, 
	.comments-link:before, 
	.entry-format:before, 
	.edit-link:before, 
	.full-size-link:before {
		top: 1px;
	}	
	.main-navigation a {
		padding: 0.5em 0;
	}	
		#content-bottom.container-fluid {
		margin-bottom: 5%;
	}

}

/* Desktop Small 955px */
@media screen and (min-width: 59.6875em) {
	.site-main {
		padding: 6% 0 0;
	}
	.site-header {
		margin: 12% 0;
	}
	.custom-logo {
		margin: auto;
		display: block;
	}
	.main-navigation {
		margin: 0 20% 15%;
	}
	.site-title {
		font-size: 30px;
		font-size: 2.2rem;
	}
	.site-info {
		padding: 2%;
	}
	.site-header,
	.widget	{
		padding-left: 10%;
		padding-right: 10%;
	}
	.banner .widget {
		padding-left: 0;
		padding-right: 0;
		width: auto;
		margin: 0 5% 6%;
	}	
	.hentry + .hentry, 
	.page-header + .hentry,
	.page-header + .page-content {
		margin-top: 5%;
	}
	.hentry {
		padding-top: 5%;
	}
	.hentry:last-child {
		margin-bottom: 5%;
	}
	
	.main-navigation,
	.social-navigation {
		margin-left: 10%;
		margin-right: 10%
	}	
	.post-navigation {
		margin: 5%;
	}
	.post-navigation a {
		padding: 2% 7%;
	}

	.comments-area {
		margin: 8.3333% 5% 0;
		padding: 5%;
	}
	
	.dropdown-toggle {
		height: 32px;
		width: 32px;
	}
	.entry-header {
		padding: 0 7%;
	}
	.entry-content, 
	.entry-summary {
		padding: 0 7% 7%;
	}
	.entry-footer {
		padding: 1.5% 7%;
	}	
	.site-footer {
		margin: 0 0 0 32.941%;
		width: 63.5235%;
	}
	.main-navigation {
		font-size: 22px;
		font-size: 1.375rem;
	}
	.widget {
		font-size: 21px;
		font-size: 1.313rem;
	}	
	.container-fluid .widget {
		margin-bottom: 0;
	}
	
	blockquote {
    font-size: 24px;
    font-size: 1.5rem;
	}
	blockquote cite, blockquote small {
    font-size: 18px;
    font-size: 1.125rem;
	}  
	.container-fluid {
		margin: 0 8.3333% 5%;
		padding: 0;
	}
	#inset-bottom.container-fluid {
		margin: 5% 5%;
		padding: 0;
	}
	#content-bottom.container-fluid,
	#sidebar-bottom.container-fluid {
		padding-bottom: 0;
	}
}

/* Desktop Medium 1100px */
@media screen and (min-width: 68.75em) {
	.site-title {
		font-size: 43px;
		font-size: 2.688rem;
	}
	.site-description {
		font-size: 20px;
		font-size: 1.25rem;
	}	
	.site-header,
	.widget	{
		padding-left: 15%;
		padding-right: 15%;
	}
	.container-fluid .widget {
		padding: 0;
	}
	.main-navigation,
	.social-navigation {
		margin-left: 15%;
		margin-right: 15%
	}	
	.dropdown-toggle {
		height: 30px;
		width: 30px;
	}
	.entry-title,
	.widecolumn h2 {
		font-size: 48px;
		font-size: 3rem;
	}
    blockquote {
    font-size: 28px;
    font-size: 1.75rem;
  }
  blockquote cite, 
  blockquote small {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/* Desktop Large 1240px */
@media screen and (min-width: 77.5em) {
	.site-title {
		font-size: 48px;
		font-size: 3rem;
		line-height: 1.125;
	}
	.site-description {
		font-size: 22px;
		font-size: 1.375rem;
	}
	.entry-title,
	.widecolumn h2 {
		font-size: 50px;
		font-size: 3.125rem;
	}		
	.widget {
		font-size: 23px;
		font-size: 1.438rem;
	}	
	.dropdown-toggle {
		top: 1px;
	}

}