/*
Theme Name: Quardo
Theme URI: https://quardo.themezinho.net/
Author: themezinho
Author URI: https://themezinho.net
Description: Deluxe Premium Hotels WordPress Theme
Version: 1.1.0
Requires at least: 5.0
Tested up to: 5.5.2
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Quardo
Tags: blog, custom-logo, custom-menu, editor-style, featured-images, sticky-post, theme-options
*/
/*--------------------------------------------------------------
# Custom CSS
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  float: right;
  margin-left: 1em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.screen-reader-text {
  display: block;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}
/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
  max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-caption {
  display: block;
}
.bypostauthor {
  display: block;
}
section.icon-content-block {
  overflow: visible;
}
.wp-block-cover, .wp-block-cover-image {
  height: auto;
}


/*  Font Family*/
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

h1,h2,h3,h4,h5,h6,strong{
	font-family: 'Poppins' !important;
}
p,li,a,span{
	font-family: 'Jost' !important;
}
/*  Font Family */

/*  header start */
.navbar .site-menu ul li a {
  font-weight: 500 !important;
  font-size: 16px;
}
/*  Header end */

/*  Banner start */
#banner h1 {
    font-size: 82px;
    line-height: 92px;
    font-weight: 400;
    letter-spacing: 0px;
    font-family: 'Argesta Display' !important;
}

#sectionthree .carousel-image-box figure figcaption {
    bottom: 0 !important;
    top: unset;
}

#sectionthree h5 {
    font-weight: 500;
    line-height: 32px;
    font-size: 26px;
    font-family: 'Jost' !important;
    text-transform: uppercase;
}

#sectionthree p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: 'Poppins' !important;
    color: #fff !important;
}

body h2 {
    font-size: 45px !important;
    line-height: 50px;
    font-weight: 400;
    font-family: 'Jost' !important;
    text-transform: uppercase;
}

body p {
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    color: #000 !important;
    opacity: 1 !important;
    font-family: 'Jost' !important;
}

body a.custom-button {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Jost' !important;
    width: 212px !important;
    height: 63px !important;
    text-align: center;
    line-height: 0px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 10px !important;
}

div#sectionsix p {
    color: #fff !important;
}

#sectionsix a.custom-button {
    background: #2D2B29;
    border-color: #2D2B29;
}

footer.footer p {
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 25px;
    font-family: 'Jost' !important;
    opacity: 0.9 !important;
}

footer.footer {
    background: #313131;
}
.side-content.text-left {
    padding-right: 9%;
}
.side-content.text-center {
    padding: 0px 0%;
}
/*  Banner end */

/*  Section one start */
#banner a {
    font-size: 16px;
    height: 63.62px;
    width: 178.82px;
    padding: 0px 0px !important;
    line-height: 17px;
    justify-content: center;
    display: inline-grid;
    background: #856D47;
    color: #ffff;
    align-items: center;
    font-weight: 500;
    font-family: 'Jost' !important;
}

#sectionone button {
    font-size: 16px;
    height: 63.62px;
    width: 178.82px;
    padding: 0px 0px !important;
    line-height: 17px;
    justify-content: center;
    display: inline-grid;
    background: #856D47;
    color: #ffff;
    align-items: center;
    font-weight: 500;
    font-family: 'Jost' !important;
}

#sectionone h6 {
    font-size: 45px;
    line-height: 55px;
    font-weight: 400;
    color: #242424;
    font-family: 'Jost' !important;
}
/*  Section one end */

/*  Section Two start */
/*  Section Two end */

/*  Section Three start */
/*  Section Three end */

/*  Section Four start */
/*  Section Four end */

/*  Section Five start */

#sectionfive .side-content {
    display: block;
    padding-left: 40px;
}

#sectionfive .content-section h4 {
    font-size: 18px !important;
    font-weight: 700 !important;
}
#sectionfive .side-content h4 {
    font-size: 18px;
    line-height: 31px;
    font-weight: 600;
}

#sectionfive .side-content li {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
}

#sectionfive .side-content ul {
    column-count: 2;
}
/*  Section Five end */

/*  Section Six start */
/*  Section Six end */

/*  Section Seven start */
div#sectionseven h4 {
    color: #051B34;
    font-size: 30px;
    line-height: 40px;
    font-family: 'Poppins' !important;
    padding-left: 17%;
    text-transform: uppercase;
}

div#sectionseven h4 strong {
    color: #373737;
    padding-left: 0% !important;
    font-family: 'Poppins' !important;
    letter-spacing: 0px;
    position: relative;
    left: 40px;
    font-weight: 400;
}

div#sectionseven h4 strong:before {
    position: absolute;
    content: "";
    background: #856D47;
    width: 40%;
    height: 3px;
    left: -46%;
    bottom: 18px;
}

div#sectionseven button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
    background: #856D47;
    color: #fff;
    width: 178.82px;
    height: 63.62px;
    border-radius: 0px !important;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Jost' !important;
    margin: 0 auto !important;
    display: table !important;
}

div#sectionseven {}
/*  Section Seven end */

/*  Section 8 start */
/*  Section 8 end */

/*  Section 9 start */
input[type="submit"] {
    font-size: 16px;
    font-weight: 500 !important;
    font-family: 'Jost' !important;
}

input[type="email"] {justify-content: center;align-items: center;}

.newsletter-box .form {
    height: 100px;
    padding: 15px 25px;
}

.newsletter-box {
    padding: 0px 10% !important;
}

.newsletter-box .form input {
    font-size: 16px;
    font-weight: 500 !important;
    font-family: 'Jost' !important;
}

.newsletter-box .form input::placeholder {
    color: #000;
}
/*  Section 9 end */

/*  Section Ten start */
div#section-10 {
    padding: 50px 300px;
}

div#section-10 .wpb_single_image.wpb_content_element.vc_align_left {
    margin-bottom: 0px;
    margin: 0px 10px;
}
/*  Section Ten end */

/*  Footer start */
footer.footer .widget.footer-widget {
    margin-bottom: 20px !important;
}

footer.footer ul li a {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 25px;
    font-family: 'Jost' !important;
    color: #FFFFFF;
    opacity: 0.8 !important;
}

footer.footer h4 {
    font-size: 26px !important;
}

.footer .widget-title {
    font-size: 26px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    font-family: 'Poppins' !important;
}

.footer .bottom-bar {
    padding: 30px 0px;
    margin-top: 15px;
}
footer.footer img.image.wp-image-415.attachment-full.size-full {
    width: 65%;
}
/*  Footer end*/

/*  Desktop Responsive */
@media (max-width: 1620px) {
	#banner h1 {
		font-size: 60px;
		line-height: 70px;
	}
	#banner a {
		font-size: 14px;
		height: 55.62px;
		width: 165.82px;
	}
	#sectionone h6 {
		font-size: 35px;
		line-height: 45px;
	}
	#sectionone button {
		font-size: 14px;
		height: 55.62px;
		width: 165.82px;
	}
	body h2 {
		font-size: 35px !important;
		line-height: 40px;
	}
	body p {
		font-size: 16px;
		line-height: 26px;
	}
	body a.custom-button {
		font-size: 14px;
		width: 190px !important;
		height: 58px !important;
	}
	#sectionthree h5 {
		line-height: 28px;
		font-size: 22px;
	}
	div#sectionseven h4 {
		font-size: 25px;
		line-height: 35px;
	}
	div#sectionseven button.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
		width: 160.82px;
		height: 55.62px;
		font-size: 14px;
	}
	footer .widget-title {
		font-size: 22px !important;
	}
	.navbar .site-menu ul li a {
		font-weight: 500;
		font-size: 14px;
	}

}
@media only screen and (max-width: 1520px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1366px) {}
@media only screen and (max-width: 1326px) {}
@media only screen and (max-width: 1280px) {}
@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 1024px) {}
/*  Desktop Responsive */