/*
Theme Name: Vauss
Theme URI: http://themeforest.net/item/vauss-multipurpose-creative-template-with-page-builder/10180113
Author: @tringwebdesign
Author URI: https://www.tring-web-design.co.uk/
Description: Conversion of an HTML template into WordPress. If you are reading this your most likely looking to see what theme I used on my site. I prefer to use HTML templates rather than themes from ThemeForest as it gives me more control over the content.
Version: 1.1
Tags: 
Text Domain: vauss
*/


/*
* Simple style overrides or custom adds
* http://paletton.com/#uid=7070u0km7recEEXhXv1qgnvtHiI
*/

a:hover, a:focus {
	color: #fe6060;
}

article p, article ul li, article ol li  {
	font-size: 17px;
}



.site-logo {
	color: #d95b43;
	font-size: 21px;
	font-weight: bold;
	text-decoration: none;
	text-rendering: optimizeLegibility;
}

.site-logo:hover {
	text-decoration: none;
	color: #d95b43;
}

.vs-menu > li > ul, .vs-menu .vs-mega {
	padding-top: 20px;
	padding-bottom: 20px;
}

.alignleft {
	float: left;
	margin-right: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.sidebar ul.tags li a.tag-1 {
	font-size: 1;
}

.sidebar ul.tags li a.tag-2 {
	font-size: calc(100% * 1.2);
}

.sidebar ul.tags li a.tag-3 {
	font-size: calc(100% * 1.3);
}

.sidebar ul.tags li a.tag-4 {
	font-size: calc(100% * 1.4);
}

.sidebar ul.tags li a.tag-5 {
	font-size: calc(100% * 1.5);
}

.sidebar ul.tags li a.tag-6 {
	font-size: calc(100% * 1.6);
}

.sidebar ul.tags li a.tag-7 {
	font-size: calc(100% * 1.7);
}

.blog-posts .bpost.col2 .post-head > [data-role="title"] {
	height: 60px;
}

article.page p:first-child {
  font-size: 34px;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 20px;
}

article.page h1, article.page h2, article.page h3, article.page h4, article.page h5 {
	font-weight: 500;
}

/* red, yellow, purple, green */
.pricing-table.hipstery-style .plan-column.red .plan-title .inner-cell {
	background: #BB3A22;
}

.pricing-table.hipstery-style .plan-column.red .subscription-price .inner-cell {
	background: #D95A43;
}

.pricing-table.hipstery-style .plan-column.yellow .plan-title .inner-cell {
	background: #BB7022;
}

.pricing-table.hipstery-style .plan-column.yellow .subscription-price .inner-cell {
	background: #D99043;
}

.pricing-table.hipstery-style .plan-column.purple .plan-title .inner-cell {
	background: #195E75;
}

.pricing-table.hipstery-style .plan-column.purple .subscription-price .inner-cell {
	background: #2D7188;
}

.pricing-table.hipstery-style .plan-column.green .plan-title .inner-cell {
	background: #19893F;
}

.pricing-table.hipstery-style .plan-column.green .subscription-price .inner-cell {
	background: #319F56;
}

.popular-articles {margin-bottom: 10px;}
.popular-articles .wgt-title {margin-bottom: 30px;}
.popular-articles .ppa-post { margin-bottom:20px;}
.popular-articles .ppa-post h5 {margin:15px 0 0; font-size:15px; text-align:center;}
.popular-articles .ppa-post h5 a {color:#2B2D30;}
.popular-articles .ppa-post h5 a:hover {color:#d95b43; text-decoration: none;}

.testimonial_slider.quoter-style .testimonialbox .who strong, .testimonialbox .tcontent, .testimonialbox .who {
	color: white;
}

.testimonial_slider.quoter-style .cfs--pagination a {
	background: #bb3a22;
}

.testimonial_slider.quoter-style .cfs--pagination a.selected {
	background: white;
}

#icc_message {
	z-index: 4;
	line-height: 40px;
}

.portfolioitem-details .launchlink {
	float: none;
	margin-top: 1;
}

/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

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

}

@media only screen and (max-width : 1440px){

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

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

}

@media only screen and (max-width: 1199px){


}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

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


}

@media only screen and (max-width: 991px) {

}

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

}

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

}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width : 480px) {
	#right-nav-inside {
		display: none;
	}
}

@media only screen and (max-width : 320px) {

}

.colored-area[data-color="custom"] {
background-image: radial-gradient(circle farthest-side at center bottom , #d95b43, #dc2703 130%);
}

.form-inline .form-group {
	padding-right: 15px;
}

.badge {
  padding: 1px 9px 1px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #d95b43;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.site-logo {
	font-size: 26px;
}

.particles-js-canvas-el {
    left: 0;
    position: absolute;
    top: 0;
}

canvas {
    display: inline-block;
    vertical-align: baseline;
}

.label-info {
	background-color: #d95b43;
}

ul.post-details li {
	padding-right: 3px;
}

.gform_confirmation_message, .gform_description {
	font-size: 17px;
	margin-bottom: 20px;
	font-weight: bold;
}

@media only screen and (max-width : 480px) {
	#right-nav-inside {
		display: none;
	}
}

figure {
	float: left;
	margin-right: 20px;
	padding-bottom: 20px;
}

body .gallery {
	clear: both;
	margin: 0;
}
.rating > span {
    display: inline-block;
    position: relative;
    width: 1em;
    color: #f99b00;
    font-size: 28px;
		}

.site-responsive .site-header .social_icons > ul {
	display: inline-block;
}

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
	opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	transition: opacity .5s linear 0.2s;
	opacity: 1;
}

article ul li, article ol li {
	padding: 10px 0 10px 0;
}

.single-post h2 {
	padding-top: 20px;
}