/*!
Theme Name: vancouverchairs
Theme URI: https://www.vichiavarichairs.com/
Author: Vancouver Island Chiavari Chairs
Author URI: https://www.vichiavarichairs.com/
Description: This is custom webiste done by Saini Web Experts for Vancouver Island Chiavari Chairs. Vancouver Island Chiavari Chairs supply gold chiavari chair rentals for any type of event on Vancouver Island (Victoria to Nanaimo).
Version: 6.3.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vancouverchairs
Tags: Vancouver Island Chiavari Chairs, Saini Web Experts, Custom Website, Chiavari Chairs Rentals
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap');

body {
	background: #ffffff;
	color: #585858;
	font: 17px/28px 'Mulish', sans-serif;
	font-weight: 400;
	overflow-x: hidden;
}
.hides {
	opacity: 0;
}
.views {
	opacity: 1;
}
a {
	text-decoration: none;
	transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
}
a img {
	border: none;
}
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 800;
	color: #d6a316;
}
h1 {
	font-size: 40px;
	line-height: 45px;
}
h2 {
	font-size: 36px;
	line-height: 42px;
}
h3 {
	font-size: 32px;
	line-height: 38px;
}
h4 {
	font-size: 28px;
	line-height: 36px;
}
h5 {
	font-size: 24px;
	line-height: 32px;
}
h6 {
	font-size: 20px;
	line-height: 28px;
	color: #282828;
	font-weight: 700;
}
header, .copyright{
	padding: 30px 0px;
}
/*.title, nav, .readmorebtn{
	letter-spacing: 0.2px;
}*/
.contentwrapper{
	padding: 65px 0px;
}
.title::after{
	content:'';
	background: url(images/title-divider.png) no-repeat 50% 50%;
	width: 260px;
	height: 35px;
}
.title::after, .headerrtbtns .readmorebtn, .contactinfo h6, .sociallinks ul li{
	display: inline-block;
}
.featuredimage, .getquotesection, .getquotesection .getquotecontent, footer, .pageheadersection, .googlemap{
	position: relative;
}
.featuredimage{
	border: 20px solid #ffffff;
}
.featuredimage::before, .featuredimage::after{
	content: '';
	position: absolute;
	z-index: 2;
}
.featuredimage::before{
	border-left: 10px solid #d6a316;
	border-top: 10px solid #d6a316;
	width: 50%;
	height: 50%;	
	left: -20px;
	top: -20px;
}
.featuredimage::after{
	border-right: 10px solid #d6a316;
	border-bottom: 10px solid #d6a316;
	width: 50%;
	height: 50%;	
	right: -20px;
	bottom: -20px;
}
.getquotesection{
	background: url(images/getquotesection-bg.jpg) no-repeat 50% 50% #282828;
	background-size: cover;
	padding: 65px 40px;
	margin-top: 65px;
}
.overlay{
	width: 100%;
	height: 100%;
	background: #d6a316;
	opacity: 0.90;
	position: absolute;
	top: 0px;
	left: 0px;
}
.getquotesection .overlay{
	background: #ffffff;
  	opacity: 0.95;
}
.readmorebtn a, .contactinfo h6, footer, footer a, .footercol h4, #testmonialslider .testcol .testcolname h6, .pageheadersection .title h1{
	color: #ffffff;
}
.readmorebtn a{
	background: #d6a316;
	border: 2px solid #d6a316;
	padding: 7px 20px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 800;
	display: inline-block;
	text-transform: uppercase;
}
.readmorebtn a:hover, .readmorebtn2 a{
	background: #282828;
	border-color: #282828;
}
.readmorebtn2 a:hover{
	background: #f1f1f1;
	color: #282828;
	border-color: #e8e8e8;
}
.videobox, .wp-block-embed-youtube .wp-block-embed__wrapper, .wp-video{
	width: 100% !important;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0px !important;
	position: relative;
}
.videobox iframe, .wp-block-embed-youtube .wp-block-embed__wrapper iframe, .wp-video video{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100% !important;
	height: 100% !important;
}
footer{
	padding: 135px 0px 65px 0px;
	background: url(images/bg1.jpg) no-repeat 50% 50% #000;
	background-size: cover;
	font-weight: 600;
}
footer::before{
	background: url(images/curvebg-top.png) repeat-x 50% 50%;
	content: '';
	width: 100%;
	height: 110px;
	position: absolute;
	top: -15px;
	left: 0px;
	z-index: 2
}
.footercol .footertitle{
	background: url(images/footer-titlebg.png) no-repeat 0% 100%;
	padding-bottom: 10px;
}
.idobadge img{
	width: 200px;
}
.contactinfo ul, .footerlinks ul, .sociallinks ul, .widget-area section ul, .widget-area section ol{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.contactinfo ul li, .footerlinks ul li{
	padding: 2px 0px;
}
.contactinfo h6{
	border-bottom: 2px solid #d6a316;
}
.contactinfo ul li{
	font-size: 18px;
	line-height: 28px;
}
.contactinfo ul li svg{
	font-size: 18px;
	margin-right: 5px;
	position: relative;
	top: 2px;
	min-width: 5px;
}
.footerlinks ul li{
	width: 50%;
	float: left;
}
.sociallinks ul li{
	font-size: 32px;
	margin: 0px 1px;
}
footer a:hover{
	color: #282828;
	font-weight: 700;
}
.copyright{
	font-weight: 500;
}
.pageheadersection{
	padding: 65px 0px;
	background: url(images/bg1.jpg) no-repeat 50% 50%;
	background-size: cover;
}
.pageheadersection::before{
	 content: '';
    width: 100%;
    height: 100%;
    background: #d6a316;
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: 0.85;
}
.pageheadersection .title::after{
	display: none;
}
.pageheadersection .title h1{
	font-size: 32px;
	line-height: 38px;
}
.quoteform textarea, .contactform textarea{
	height: 185px;
}
.contactform .wpcf7-quiz-label, .quoteform .wpcf7-quiz-label{
	font-size: 18px;
	margin-right: 10px;
    font-weight: 700;
}
.contactform .wpcf7-quiz, .quoteform .wpcf7-quiz{
	border: 2px solid #ced4da;
	padding: 0.65rem 1.25rem;
	font-weight: 500;
	width: 100px;
}

.quoteimageslider .metaslider .theme-default .nivo-caption{
	font-size: 16px;
	line-height: 24px;
	font-family: 'Mulish', sans-serif;
	padding: 10px;
	font-weight: 500;
}
.googlemap{
	width: 100%;
	height: 450px;
	border: 2px solid #ced4da;
	padding: 10px;
}
.googlemap iframe{
	width: 100% !important;
	height: 100% !important;
}

/* Blog 
---------------------------------------------------------- */
.contentwrapper ul li, .contentwrapper ol li{
	padding: 3px 0px;
}
.blogwrapper .blogcol{
	padding: 25px;
	border: 2px solid #e8e8e8;
}
.blogcol .blogdate, .newblogcol .blogdate{
	width: auto;
	padding: 5px 10px;
	font-weight: 600;
	font-size: 14px;
}
.single-post .title h2{
	font-size: 32px;
	line-height: 40px;
}
.widget-area section {
	padding: 20px;
	border: 1px solid #e8e8e8;
	font-weight: 500;
	margin-bottom: 25px;
}
.widget-area section select {
	padding: 10px 15px;
	border: 1px solid #e8e8e8;
	width: 100%;
	margin-bottom: 10px;
}
.widget-area section h4{
	margin: 10px 0px;
	font-size: 24px;
	line-height: 32px;
}
.widget-area section.widget_search{
	padding: 0px !important;
	border: none;
}
#respond, #comments{
	margin: 30px 0px;
}
#comments{
	width: 100%;
	float: left;
}
#comments ol {
	list-style: none
}
#comments h2 {
	font-size: 28px;
}
ol.comment-list li .comment-body {
	background: none;
	padding: 15px;
	border: 1px solid #e8e8e8;
}
#comments footer.comment-meta, .wp-block-latest-comments footer {
	padding: 0px;
	background: none;
}
#comments footer::before{
	display: none;
}
#comments footer a, #comments footer{
	color: #585858;
}
.comment-metadata a, .entry-meta a:hover, .entry-footer a:hover, nav.navigation .nav-links a:hover, .widget-area aside ul li a:hover, nav.navigation .nav-links a:hover, .entry-meta a:hover, .blog-col h3 a:hover, .says a, .widget-area section ul li a:hover{
	color: #d6a316;
}
.reply {
	text-align: right !important;
	text-transform: uppercase;
}
.comment-respond form label {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}
.comment-respond form input[type="checkbox"] + label {
	display: inline-block;
	font-weight: 400;
	letter-spacing: 0;
	margin: 0 0 0 5px;
	text-transform: none;
}
.comment-form-author, .comment-form-email {
	display: block;
	width: 47.5%;
	float: left;
}
.comment-form-email {
	float: right;
}
.comment-form-url {
	clear: both;
}
#respond input, #respond textarea {
	width: 100%;
	background: none;
	padding: 10px 0px;
	text-indent: 10px;
	border: 1px solid #e8e8e8;
}
#respond input[type='checkbox'] {
	margin-right: 0px;
	top: 1px;
	position: relative;
}
#respond input[type='checkbox'], #respond .comment-form-cookies-consent label {
	display: inline-block;
	width: auto !important;
	font-size: 14px;
	line-height: 24px;
}
/* In Comment List --------------------------- */

.comment-list .comment-respond {
	padding: 40px 0 15px;
	max-width: 100%;
}
.comments-title-container, .comment-reply-title {
	padding: 5px 0px;
	/*border-bottom: 1px solid #e8e8e8;*/
	vertical-align: bottom;
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 10px;
}
.comment-list #cancel-comment-reply-link {
	font-weight: 500;
	margin-left: 5px;
	display: inline-block;
	position: relative;
	text-decoration: underline;
	color: #585858;
}
.commentlist #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.comment-content {
	margin: 10px 0px
}
#respond .comment-form-cookies-consent {
	margin-top: 15px;
}
#respond input[type='submit'] {
	width: auto;
	margin: 10px 0px;
	padding: 10px 25px;
	border: none;
	font-size: 18px;
	line-height: 28px;
	font-weight: 800;
	background: #d6a316;
	text-transform: uppercase;
	color: #ffffff;
	text-indent: 0px;
}
#respond input[type='submit']:hover {
	background: #282828;
	color: #ffffff;
}
.comment-author .avatar {
	float: left;
	height: 24px;
	margin-right: 0.8em;
	width: 24px;
}
.widget h4.widget-title {
	font-size: 20px;
	line-height: 30px;
	margin: 10px 0px;
}
.widget-area section ul li {
	padding: 8px 0px;
	list-style: none;
	border-bottom: 1px solid #e8e8e8;
	line-height: 25px;
	font-weight: 500;
}
.widget-area section ul.wp-block-categories-list li.cat-item-23{
	display: none;
}
.widget-area section ul li:last-child {
	border: none;
}
.widget-area section ul li a {
	text-decoration: none;
}
.widget-area section ul li a:hover {
	text-decoration: underline;
}
.widget-area section#search-4 {
	padding: 0px;
	border: none;
}
.widget-area label.screen-reader-text {
	display: none;
}
.entry-content input {
	padding: 3px 10px;
	border: 1px solid #e8e8e8;
}
.entry-content input[type='submit'] {
	background: #005495;
	line-height: 25px;
	border: none;
	color: #ffffff;
}
#content h3.screen-reader-text {
	line-height: 35px;
	padding: 8px 0px;
}
.wp-block-tag-cloud a {
	background-color: #585858;
	border-radius: 0 2px 2px 0;
	display: inline-block;
	margin: 5px 4px 5px 10px;
	padding: 1px 10px;
	position: relative;
	text-decoration: none;
	/*text-transform: uppercase;*/
	color: #ffffff;
	font-weight: 500;
	transition-duration: 0s
}
.wp-block-tag-cloud a:hover {
	background-color: #181818;
	color: #ffffff;
	transition-duration: 0s;
	text-decoration: none;
}
.wp-block-tag-cloud a:before {
	border-bottom: 15px solid transparent;
	border-right: 10px solid #585858;
	border-top: 15px solid transparent;
	content: "";
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 0;
}
.wp-block-tag-cloud a:hover:before {
	border-right-color: #181818;
	transition-duration: 0s;
}
.wp-block-tag-cloud a:after {
	background-color: #ffffff;
	border-radius: 50%;
	content: "";
	height: 6px;
	left: 0px;
	position: absolute;
	top: 12px;
	width: 6px;
}
.wp-block-tag-cloud a:hover:after {
	background-color: #ffffff
}

/* Post Navigation --------------------------- */
.post-navigation, .navigation  {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
	background: none;
	width: 100%;
	float: left;
	margin: 35px 0px;
	padding-right: 0px;
}
.post-navigation:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #ddd;
	position: absolute;
	left: 50%;
	top: 0px;
}
.post-navigation .nav-links, .navigation .nav-links {
	padding: 20px 0px;
	width: 100%;
	float: left;
}
.post-navigation .nav-previous, .post-navigation .nav-next, .navigation .nav-previous, .navigation .nav-next  {
	display: inline-block;
	float: left;
	width: 47.5%;
}
.post-navigation span.nav-subtitle {
	display: block;
	font-size: 17px;
	line-height: 28px;
	color: #181818;
	font-weight: 700;
	margin: 5px 0;
	text-transform: uppercase;
	text-decoration: none !important;
}
.post-navigation span.nav-title {
	font-size: 16px;
	line-height: 26px !important;
	font-weight: 500;
	color: #585858;
	text-transform: none;
}
.post-navigation .nav-next, .navigation .nav-next {
	float: right;
	text-align: right;
}
.post-navigation a, .navigation .nav-links a {
	text-decoration: none;
}
.post-navigation a:hover .nav-title, .navigation .nav-links a:hover .nav-title{
	text-decoration: underline;
}
.post-navigation h2.screen-reader-text, .navigation h2.screen-reader-text {
	display: none;
}
.navigation .nav-links a{
	font-size: 16px;
	line-height: 26px;
	text-transform: uppercase;
	font-weight: 700;
	opacity: 0.7;
}
.entry-meta {
	clear: both;
	margin-bottom: 15px;
}
.entry-meta a, .entry-footer a, .comment-metadata a {
	color: #585858;
	font-weight: 600;
}
.entry-meta > span, .entry-footer span {
	margin-right: 15px;
	line-height: 28px;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
}
.entry-meta > span:last-child {
	margin-right: 0;
}
.featured-post:before {
	content: "\f408";
	margin-right: 2px;
	font-family: "Font Awesome 5 Free";
}
.entry-meta .posted-on a:before, .entry-footer .posted-on a:before {
	content: "\f073";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px
}
.comments-link a:before {
	content: "\f086";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px;
	position: relative;
	top: -1px;
}
.entry-meta .author a:before {
	content: "\f007";
	position: relative;
	font-family: "Font Awesome 5 Free";
	top: -1px;
	margin-right: 4px
}
.categories-links a:first-child:before, .entry-footer .cat-links a:first-child:before {
	content: "\f07c";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px
}
.tags-links a:first-child:before, .entry-footer .tags-links a:first-child:before {
	content: "\f02e";
	position: relative;
	font-family: "Font Awesome 5 Free";
	top: 0px;
	margin-right: 6px;
	font-weight: 700;
}
.edit-link a:before, .blog-meta .edit-link a:before {
	content: "\f044 ";
	font-family: "Font Awesome 5 Free";
	position: relative;
	top: -1px;
	margin-right: 6px
}
.says {
	margin-left: 3px
}
span.edit-link {
	margin-left: 5px
}
.reply a {
	background: #282828;
	padding: 8px 15px;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
}
.reply a:hover {
	background: #d6a316;
	color: #ffffff;
}
.wp-block-archives-dropdown label {
    display: none;
}

.searchbox, .wp-block-search {
	padding: 0px;
	border: 1px solid #e8e8e8;
	background: #ffffff !important;
}
.searchbox input, .wp-block-search input {
	border: none !important;
	float: left;
	padding: 10px 15px;
	background: none;
	width: 80%;
	color:#585858;
}
.searchbox input[type='submit'], .wp-block-search .wp-block-search__button{
	width: 55px;
	height: 50px;
	float: right;
	background: url(images/search-icon.png) no-repeat 50% 50% #f6f6f6;
	text-indent: -999999px;
	border: none !important;
}
.searchbox input[type='submit']:hover, .wp-block-search .wp-block-search__button:hover{
	background: url(images/search-icon.png) no-repeat 50% 50% #e8e8e8;
}

@media all and (max-width: 1200px) {
	.headerrtbtns .readmorebtn a{
		font-size: 15px;
		line-height: 24px;
		padding: 5px 15px;
	}
	#cssmenu .menu-header-menu-container ul li a{
		margin-right: 18px;
	}
	.idobadge{
		margin-top: 25px;
	}
}

@media all and (max-width: 992px) {
	header, .copyright, .headerrtbtns{
		text-align: center !important;
	}
	.logo{
		margin-bottom: 10px;
	}
	.logo img{
		width: 275px;
	}
	.featuredimage{
		margin-top: 40px;
	}
	.quoteimageslider{
		display: none !important;
	}
	.copyright span{
		display: inline-block;
		float: none !important;
	}
	.getquotesection .quoteform, .pagesidebar{
	 	margin-top: 15px;
	}
	.googlemap{
		height: 350px;
	}
}


@media all and (max-width: 575px) {
	.getquotesection {
	    padding: 40px 25px;
	}
	footer::before {
	    background: url(images/curvebg-top.png) repeat-x 40% 50%;
	}
	.photogallery .col-sm-4{
		width: 33.33333333%;
	}
}


@media all and (max-width: 400px) {
	.headerrtbtns .readmorebtn a{
		font-size: 14px;
		line-height: 24px;
		padding: 5px 10px;
	}
	.welcomewrapper .title h1{
		font-size: 32px;
		line-height: 38px;
	}
	.welcomecontent h5{
		font-size: 20px;
		line-height: 28px;
	}
	.getquotesection {
	    padding: 25px;
	}
	.googlemap{
		height: 325px;
	}
	.photogallery .col-sm-4{
		width: 50%;
	}
}