/*
 Theme Name:   Ruta
 Theme URI:    http://themeskingdom.com
 Description:
 Author:       Themes Kingdom
 Author URI:   http://themeskingdom.com
 Template:     reinform
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  LICENSE
 Tags: blog, portfolio, news, photography, translation-ready, right-sidebar, theme-options, threaded-comments, post-formats, rtl-language-support, sticky-post, featured-images, custom-header, custom-menu, custom-logo, custom-colors, editor-style, grid-layout, two-columns, three-columns, four-columns, footer-widgets
 Text Domain:  ruta
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Colors
# Layout
# Forms
# Header
# Components
# Widgets
# Content
	## Templates
	## Comments
# Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*font-family*/

@font-face {
	font-family: 'Montserrat';
	src: url('assets/fonts/Montserrat-Light/Montserrat-Light.woff') format('woff2'),
		url('assets/fonts/Montserrat-Light/Montserrat-Light.woff') format('woff'),
		url('assets/fonts/Montserrat-Light/Montserrat-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('assets/fonts/Montserrat-Regular/Montserrat-Regular.woff') format('woff2'),
		url('assets/fonts/Montserrat-Regular/Montserrat-Regular.woff') format('woff'),
		url('assets/fonts/Montserrat-Regular/Montserrat-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('assets/fonts/Montserrat-Medium/Montserrat-Medium.woff') format('woff2'),
		url('assets/fonts/Montserrat-Medium/Montserrat-Medium.woff') format('woff'),
		url('assets/fonts/Montserrat-Medium/Montserrat-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat';
	src: url('assets/fonts/Montserrat-Bold/Montserrat-Bold.woff') format('woff2'),
		url('assets/fonts/Montserrat-Bold/Montserrat-Bold.woff') format('woff'),
		url('assets/fonts/Montserrat-Bold/Montserrat-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Lora';
	src: url('assets/fonts/Lora-Regular/Lora-Regular.woff') format('woff2'),
		url('assets/fonts/Lora-Regular/Lora-Regular.woff') format('woff'),
		url('assets/fonts/Lora-Regular/Lora-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Lora';
	src: url('assets/fonts/Lora-Italic/Lora-Italic.woff') format('woff2'),
		url('assets/fonts/Lora-Italic/Lora-Italic.woff') format('woff'),
		url('assets/fonts/Lora-Italic/Lora-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Lora';
	src: url('assets/fonts/Lora-Bold/Lora-Bold.woff') format('woff2'),
		url('assets/fonts/Lora-Bold/Lora-Bold.woff') format('woff'),
		url('assets/fonts/Lora-Bold/Lora-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Lora';
	src: url('assets/fonts/Lora-BoldItalic/Lora-BoldItalic.woff') format('woff2'),
		url('assets/fonts/Lora-BoldItalic/Lora-BoldItalic.woff') format('woff'),
		url('assets/fonts/Lora-BoldItalic/Lora-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
q,
.dropcap,
.emphasis,
.site-title,
.search-wrap input[type="search"],
.no-results input[type="search"],
.error-404 input[type="search"],
body .jetpack-social-navigation span,
.instagram-username,
.single .nav-links .post-title,
.comment-author,
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
body .jp-carousel-light #carousel-reblog-box input#carousel-reblog-submit,
body #jp-carousel-comment-form-button-submit,
#eu-cookie-law input[type="submit"],
body #eu-cookie-law input,
body #eu-cookie-law input:focus,
body #eu-cookie-law input:hover,
.widget_recent_comments ul,
.widget_recent_entries ul,
.tagcloud,
.widget_categories li a,
.widget_archive li a,
.widget_nav_menu li a,
.widget_meta li a,
.widget_calendar table,
.search-form input[type="submit"],
.error404 .page-content p,
body #jp-relatedposts .jp-relatedposts-items span.jp-relatedposts-post-title,
body #jp-relatedposts .jp-relatedposts-items h4.jp-relatedposts-post-title,
body div#jp-relatedposts h3.jp-relatedposts-headline,
body #infinite-handle span button,
body #infinite-handle span button:hover,
body #infinite-handle span button:focus,
div.sharedaddy .sd-social .sd-content button,
body .sd-content ul li a.sd-button,
body .sd-social-text .sd-content ul li a.sd-button,
.related > h2,
.cross-sells > h2,
.upsells > h2,
.woocommerce-mini-cart__empty-message,
.woocommerce-review__author,
.select2-container,
.woocommerce-Reviews .comment-reply-title,
.woocommerce table.cart thead th,
.woocommerce table.wishlist_table thead th,
.woocommerce-MyAccount-content > p:first-child,
form.cart .variations label,
.woocommerce table.shop_attributes th,
.main-navigation,
.social-menu-trigger,
.social-menu-trigger button,
.entry-meta {
	font-family: 'Montserrat', sans-serif;
}

body,
input,
textarea,
keygen,
select,
button,
blockquote cite,
.widget_recent_entries .post-date,
.tagcloud .tag-link-count,
.slick-dots li button {
	font-family: "Lora", Times, serif ;
}

.jp-carousel-titleanddesc-title {
	font-family: "Lora", Times, serif !important;
}

.widget_nav_menu li a {
	font-size: 15px;
	font-size: 0.9375rem;
}

.single .entry-content h5 {
	font-size: 22px;
	font-size: 1.375rem;
}

.single .entry-content h4 {
	font-size: 28px;
	font-size: 1.75rem;
}

.single .entry-content h3 {
	font-size: 36px;
	font-size: 2.25rem;
}

.single .entry-content h2 {
	font-size: 44px;
	font-size: 2.75rem;
}

.single .entry-content h1 {
	font-size: 54px;
	font-size: 3.375rem;
}


.entry-title {
	font-weight: 200;
}
.nav-menu a {
	font-weight: 400;
}
body:not(.single) .entry-meta, .more-link {
	font-weight: 400;
	letter-spacing: 0.02em;
}

.site-title {
	font-weight: 200;
}

.entry-content .emphasis {
	line-height: 1.2;
}

.fullsize-featured .entry-title {
	font-size: 70px;
}

@media screen and (max-width: 900px) {
	.fullsize-featured .entry-title {
		font-size: 48px;
	}
}

blockquote, q {
	font-weight: 400;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.sticky-header .site-header {
	z-index: 5;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget_nav_menu ul ul a {
	opacity: .7;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Templates
--------------------------------------------------------------*/

.slider-entry-content-wrap {
	background-color: transparent;
}

.viewport-slider .slider-entry-content-wrap:before,
.plain-slider .slider-entry-content:before {
	height: 80vh;
}

.single .fullsize-featured .entry-header {
	max-width: 1070px;
	z-index: 1002;
}

.fullsize-featured .featured-image {
	opacity: 1;
	z-index: 4;
}

.fullsize-featured .featured-image:before {
	content: "";
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.7) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 70%,rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	height: 80vh;
	opacity: .4;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.related-holder + .comment-holder > *:first-child {
	border: none;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media only screen and (min-width: 768px){

	.viewport-slider .featured-slider p {
		max-width: 640px;
	}

	.footer-widget-holder {
		margin-bottom: 3rem;
	}

}