/*!
Theme Name: Renovations Unlimited Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: renovations-unlimited-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Renovations Unlimited Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.


/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* 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;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}





/* ========================================== */
/* ========================================== */
/* ========================================== */
/* ----------    custom styles -------------- */
/* ========================================== */
/* ========================================== */
/* ========================================== */
/* ========================================== */

.logged-in nav.fixed-top {
	top: 32px;
}





body{
	font-family: roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: #f5f5f5;
	/*background-image: url(/wp-content/themes/renovations-unlimited-theme/assets/img/background.jpg);
	background-repeat: repeat;*/
}

.Roboto-L{
	font-family: roboto, sans-serif;
    font-weight: 200 !important;
    font-style: normal;
}

.Roboto-Bold{
	font-family: roboto, sans-serif;
    font-weight: 700 !important;
    font-style: normal;
}

.Roboto-Bold-Italic{
	font-family: roboto, sans-serif;
	font-weight: 700 !important;
	font-style: italic;
}

.Roboto-Italic{
	font-family: roboto, sans-serif;
	font-weight: 400 !important;
	font-style: italic;	
}

.Roboto{
	font-family: roboto, sans-serif;
	font-weight: 300 !important;
	font-style: normal;	
}

.Roboto-Condensed-Italic{
	font-family: roboto-condensed, sans-serif;
	font-weight: 400 !important;
	font-style: italic;	
}

.Roboto-Condensed-Regular{
	font-family: roboto-condensed, sans-serif;
	font-weight: 400 !important;
	font-style: normal;	
}

.Roboto-Condensed-Bold-Italic{
	font-family: roboto-condensed, sans-serif;
	font-weight: 700 !important;
	font-style: italic;
}

.Roboto-Condensed-Bold{
	font-family: roboto-condensed, sans-serif;
	font-weight: 700 !important;
	font-style: normal;
}


.med{
	font-weight: 600 !important;
}
.bold{
	font-weight: 700 !important;	
}
.x-bold{
	font-weight: 900 !important;
}
.f18{
	font-size: 18px !important;
}
.f24{
	font-size: 24px !important;
}
.f30{
	font-size: 30px !important;
}
.f36{
	font-size: 36px !important;
}
.f48{
	font-size: 48px !important;
}

.hero-H1{
	font-size: 100px !important;
	line-height: 100px !important;
	text-transform: uppercase;	
}
.hero-p{
    font-size: 18px !important;
}

@media only screen and (min-width: 1400px) { 
	.container {
	    max-width: 90em !important;
	}
	.hero-H1{
		font-size: 90px !important;
		line-height: 90px !important;	
	}
	.hero-p{
	    font-size: 18px !important;
	}

}
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){
	.hero-H1{
		font-size: 80px !important;
		line-height: 80px !important;	
	}
	.hero-p{
	    font-size: 18px !important;
	}
}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){
	.hero-H1{
		font-size: 60px !important;
		line-height: 60px !important;	
	}
}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){
	.f24{
		font-size: 22px !important;
	}
	.f30{
		font-size: 28px !important;
	}
	.f36{
		font-size: 32px !important;
	}
	.f48{
		font-size: 40px !important;
	}
	.hero-H1{
		font-size: 50px !important;
		line-height: 50px !important;	
	}
}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){
	.f24{
		font-size: 18px !important;
	}
	.f30{
		font-size: 24px !important;
	}
	.f36{
		font-size: 28px !important;
	}
	.f48{
		font-size: 36px !important;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}


html {
  scroll-behavior: smooth;
}


.btn-lg{
	font-size:18px !important;
	padding:20px 30px !important;
}
.btn-primary{
	background-color:#672e4f;
	border-color: #672e4f;
	border-radius: 0;
}
.btn-primary:hover{
	background-color:#4a1e37;
	border-color: #735c69;
	border-radius: 0;
	

}

.btn-outline-light{
	color: #fff;
	border-color: #fff;
	border-radius: 0;
	padding: 1rem 1.2rem;
}


.btn-outline-dark{
	color: #672e4f;
	border-color: #672e4f;
	border-radius: 0;
	padding: 1rem 1.2rem;
	border-width: 2px;
}
.btn-outline-dark:hover{
	color: #fff;
	background-color: #672e4f;
	
}

.bg-dark{
	background-color: #262225!important;
}

.white{
	color:#fff !important;
}

.white-bg{
	background-color: #fff !important;
	background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}



.dark{
	color:#262225 !important;
}
.gray{
	color:#838182 !important;
	color:#777777 !important;
}
.purple{
	color:#672e4f !important;
}
.purpleBG{
	background-color:#672e4f; 
}
.underline{
	text-decoration: underline;
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
    display: flex;
    justify-content: center;
}

.uc{
	text-transform: uppercase;
}

.img-full{
	height:100%;
	width:100%;
}

.smaller{
	font-size: .75em;
}

a:hover{
	text-decoration: none;
}



/*navbar*/




.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-toggler {
  border-color: rgba(255,255,255,1);
} 


.navbar .container{
	max-width: 95%;
	margin: 0 auto;
	padding-top:20px;
}

.navbar.bg-dark{
	background-color:rgba(0,0,0,0) !important;
}
.navbar.bg-dark.scrolled{
	background-color: #262225!important;
}



.navbar-brand img{
	margin-left:60px;
}

.navbar-nav{
	margin-top:60px;
}

.nav-social i.fab {
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0px 0px 2px #8a8a8a;
  padding: 0.5em 0.6em;
}
.nav-social a i {
	color:#8a8a8a;
}

.right-nav-items .galleryLink {
	margin-right:40px;
	font-size: 20px;
}

.right-nav-items .galleryLink a{
	color:#fff;
}
.right-nav-items .galleryLink i{
	margin-left:10px;
}

#navFlyout{
	/*position: absolute;*/
	overflow: auto;
    transition: 0.5s;
	position:fixed;
	height:calc(100vh - 60px);
	top:0px;
	left:0;
	padding:40px;
	padding-left: 60px !important;
	padding-top:100px;
	background-color: rgba(255,255,255,.95);
	width:400px;
}


#navFlyout .close{
    width:100%;
	text-align: left;
	margin-bottom: 40px;
	height:40px;
	transition: 0.5s;
}
#navFlyout .close span{
	font-size: 40px;
	font-weight: 200;
	
}
#navFlyout .nav-item, #navFlyout .nav-item a, #menu-primary .menu-item a{
	color:#262225 !important;
	font-size: 18px;
	font-weight: 700;
	line-height: 36px;
	width:300px;
}

#navFlyout .nav-item, #navFlyout .nav-item a:hover, #menu-primary .menu-item a:hover{
	color:#962c69 !important;
}
#menu-primary .menu-item {
	margin-bottom: 8px;
	position:relative;
	width:300px;
	text-transform: uppercase;
}

#menu-primary .menu-item-has-children:after {
    content: "\f30b";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    /*left:220px;
    position:absolute;
    top:0;*/
    margin-left:20px;
    color:#672e4f;

}

#menu-primary .dropdown-menu {
 
}

#menu-primary .dropdown-menu .menu-item{
    margin-left:20px;
}

#menu-primary .dropdown-menu .menu-item a{
    color:#4e4e4e !important;
    font-weight: 400;
}
#menu-primary .dropdown-menu .menu-item a:hover{
    color:#962c69 !important;
}

#navFlyout .nav-social{
	margin-top:20px;
	padding-top:20px;
	border-top:4px solid #672e4f;
}

#navFlyout .nav-contact, #navFlyout .nav-contact a{
	font-size: 16px;
	line-height: 36px;
	color:#838182;
}

.navbar {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.navbar.scrolled {
    background: rgb(68, 68, 68); /* IE */
    background: rgba(0, 0, 0, 0.78); /* NON-IE */
}

.dropdown-menu{
	border:none;
}
.dropdown-toggle i{
	color:#672e4f !important;
	text-align: right;
	font-size: 40px;
}
.dropdown-toggle::after {
    display: none;
}


.topMargin-1{
	margin-top: 130px !important;
}
.topMargin-2{
	margin-top: 70px !important;
}





@media only screen and (min-width: 1400px) { 
	.container {
	    max-width: 90em !important;
	    width:90% !important;
	}
}
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){
	.topMargin-1{
		margin-top: 60px !important;
	}

	.navbar-brand img{
		width:160px;
  	}
}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){
	.navbar-brand img{
		width:150px;
  	}
  	.topMargin-1{
		margin-top: 50px !important;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){
  	.topMargin-1{
		margin-top: 30px !important;
	}
	.navbar{
		width:100%;
		max-width: 100%;
		margin:0;
		padding:10px 5px;
	}
	.navbar .container{
		width:100%;
		max-width: 100%;
		margin:0;
		padding:10px 0px;
	}

	.navbar-brand{
		/*width:30%;
		font-size:12px;
		margin-left:20px;*/
		margin:0 auto;
	}
	.right-nav-items{
		
		margin-top:10px;
	}
	.right-nav-items .cta .btn-lg{
		padding: 10px 10px !important;
		font-size:12px !important;
	}
	.navbar-brand img{
		width:140px;
		margin:0 auto;
  	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}




/* end navbar*/

/*========================================*/
/*              hero-sections             */
/*========================================*/

.hero {
	display: table;
	width: 100%;
	height: 80vh;
	min-height: 600px;
	/*background: url('<?php bloginfo('stylesheet_directory'); ?>/assets/img/menu-hero.png');*/
	background: url('/wp-content/themes/renovations-unlimited-theme/assets/img/hero.jpg');
	background-repeat:no-repeat !important;
	background-position: center center;
	background-size: cover !important;
}
 
.hero-content{
	
}


.hero-content h1{
	font-family: roboto, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 100px;
	line-height: 100px;	
}

.hero-content p.cta{
	font-family: roboto, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;	
}

.heroCtaBlock {
	margin-top:-80px;
}
.heroCtaBlock .container{
	padding:20px 0;
}

.heroCtaBlock h2{
	font-family: roboto, sans-serif;
    font-weight: 600;
    font-style: normal;	
    font-size: 36px;
}

.heroCtaBlock p{
	font-family: roboto, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 21px;	
}



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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){
	
	.hero-content {
		padding:20px;	
	}
	.hero-content h1{
		font-size: 70px;
		line-height: 70px;	
	}

	.hero-content p.cta{
   		font-size: 18px;	
	}
	.heroCtaBlock .container{
		padding:24px;
	}

	.heroCtaBlock h2{	
	    font-size: 30px;
	}

	.heroCtaBlock p{
	    font-size: 18px;	
	}
}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}





.room-hero{
	width: 100%;
	height: 800px;
	/*height: 80vh;*/
	/*background: url('<?php bloginfo('stylesheet_directory'); ?>/assets/img/menu-hero.png');*/
	background: url('/wp-content/themes/renovations-unlimited-theme/assets/img/hero.jpg');
	background-repeat:no-repeat !important;
	background-position: center center;
	background-size: cover !important;
	/*margin-bottom: 0px;*/
}

.room-hero .container{
	width:90% !important;
	max-width: 90% !important;
	margin: 0 auto;
}

.room-hero-content{
	/*margin-top:40%;*/
	text-align: left;
}

.room-hero-content h1{
	font-family: roboto, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 72px;
	line-height: 72px;	
}
.room-hero-content p{
	font-family: roboto, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 21px;	
}

.heroCtaForm{
  margin-top:250px;
  padding: 20px 10px 10px 10px;
  background-color: #672e4f;
  text-align: center;
}

.heroCtaForm .wrap{
	padding:0px;
}
.heroCtaForm h4{
  font-size: 28px;
}
.heroCtaForm p{
  font-size: 18px;
}
.heroCtaForm .form-wrap{
  background-color: #fff;
  padding:0px;
  margin-top:20px;
}

.room-hero .row{
	height:100%;
}
.room-hero-content{

}

@media only screen and (min-width: 1801px) { 
	.room-hero{
		height: 1200px;
	}
 } 
@media only screen and (max-width: 1800px) { 
	
	
 }
@media only screen and (max-width: 1600px) { 
	.room-hero{
		height: 1000px;
	}
	

 }
@media only screen and (max-width: 1400px) { 
	.room-hero{
		height: 900px;
	}
	.room-hero .heroCtaForm{
		/*margin-top:300px;*/
	}
	.room-hero-content h1{
		font-size: 60px !important;
		line-height: 60px  !important;	
	}
	
 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){
	.room-hero{
		height: 800px;
	}
	
	.room-hero-content h1{
		font-size: 60px !important;
		line-height: 60px  !important;	
	}
	.room-hero-content p{
	    font-size: 21px;	
	}
	
}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){
	
	.room-hero{
		
		/*margin-bottom: 500px;*/
	}
	.room-hero-content{
		/*margin-top:200px;*/
	}
	.heroCtaForm{
	 /* margin-top:100px;*/
	  padding:20px 20px;
	}
	.room-hero-content h1{
		font-size: 50px;
		line-height: 50px;	
	}
	.room-hero-content p{
	    font-size: 21px;	
	}
}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){
	.room-hero{
		height: 600px;
		/*margin-bottom: 800px;*/
	}
	.room-hero-content{
		/*margin-top:200px;*/
	}
	.heroCtaForm{
	  margin-top:60px;
	  padding:20px 20px;
	}
	.heroCtaBlock, .heroCtaBlock .text-right{
		text-align: center !important;
	}
	.room-hero-content h1{
		font-size: 40px !important;
		line-height: 45px  !important;	
	}

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}

.beforeAfter{

}
.beforeAfter .white-bg{
	padding:40px;
}

.gallery .white-bg{
	padding:40px;
	height: 940px;
}
.gallery-hero{
	width: 100%;
	height: 800px;
	/*height: 80vh;*/
	/*background: url('<?php bloginfo('stylesheet_directory'); ?>/assets/img/menu-hero.png');*/
	background: url('/wp-content/themes/renovations-unlimited-theme/assets/img/hero.jpg');
	background-repeat:no-repeat !important;
	background-position: center center;
	background-size: cover !important;
	margin-bottom: 180px;
}

.gallery-hero .container{
	width:90% !important;
	max-width: 90% !important;
	/*margin: 0 auto;*/
}
.gallery-hero .row{
	/*height:100%;*/
}
.gallery-hero-content{
	/*margin-top:50%;*/
	text-align: left;

}

.gallery-hero-content h1{
	font-family: roboto, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 72px;
	line-height: 90px;	
}
.gallery-hero-content p{
	font-family: roboto, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 21px;	
    line-height: 22px;
}
.gallery-hero-info{
	position: absolute;
	bottom:-100px;
	padding:60px;
}

    #galleryThumbSlider {
      width: 100%;
      height: 800px;
      margin-left: auto;
      margin-right: auto;
    }

    #galleryThumbSlider .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    #galleryThumbSlider .gallery-top {
      height: 80%;
      width: 100%;
    }

    #galleryThumbSlider .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    }

    #galleryThumbSlider .gallery-thumbs .swiper-slide {
      height: 100%;
      opacity: 0.4;
    }

    #galleryThumbSlider .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }

@media only screen and (max-width: 1800px) { 
	
	
 }
@media only screen and (max-width: 1600px) { 
	

 }
@media only screen and (max-width: 1400px) { 
	
 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){
	
}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){
	.gallery-hero-info{
		margin-top:-100px;
		padding:30px;
	}
	.beforeAfter{
		margin-top:280px !important;
    }	
	
}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){
   #galleryThumbSlider {
      height: 500px;
    }
    .gallery .white-bg{
		height: 580px;
    }
}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){
   
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}

/*========================================*/
/*            half image sections         */
/*========================================*/

.half-bg-image{
	background-image: url("/wp-content/themes/renovations-unlimited-theme/assets/img/home-half-1.jpg");
	background-size: cover !important;
	background-position: bottom right;
	background-repeat: no-repeat !important;

}


.home-half-right{
	margin-top:130px;
	height:720px;
}

.half-bg-image.taller{
	height:800px;
}

.home-half-left{
	background-image: url("/wp-content/themes/renovations-unlimited-theme/assets/img/home-half-left.jpg");
	background-size: cover;
	background-position: bottom left;
	margin-top:130px;
	height:720px;

}
.half-bg-image .half-content{
	padding:40px 60px;
}
.half-bg-image .half-content h2{
	font-weight: 200;
	font-size: 48px;
	line-height: 56px;
	margin-bottom: 10px;

}
.half-bg-image .half-content h5{
	font-weight: 400;
	font-size: 21px;
	line-height: 21px;
	margin-bottom: 10px;

}

.half-bg-image .half-content p{
	font-weight: 200;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 8px;
	
}


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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){
	.half-bg-image .half-content h2{
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 30px;
	}
	.half-bg-image .half-content h5{
		font-size: 21px;
		line-height: 21px;
		margin-bottom: 30px;
	}
	.half-bg-image .half-content p{
		font-size: 18px;
		line-height: 32px;
		margin-bottom: 30px;	
	}

	.half-bg-image.taller{
		height:900px !important;
	}
	
}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){
	.home-half-left{
		margin-top:100px;
	}
   .half-bg-image .half-content h2{
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 24px;
	}
	.half-bg-image .half-content h5{
		font-size: 21px;
		line-height: 21px;
		margin-bottom: 24px;
	}
	.half-bg-image .half-content p{
		font-size: 18px;
		line-height: 32px;
		margin-bottom: 24px;	
	}

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){
	.home-half-left{
		margin-top:60px;
	}
	.half-bg-image .half-content h2{
		font-size: 40px;
		line-height: 46px;
	}
	.half-bg-image .half-content h5{
		font-size: 21px;
		line-height: 21px;
	}

	.half-bg-image .half-content p{
		font-size: 18px;
		line-height: 32px;	
	}
}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){
	.home-half-left{
		margin-top:30px;
	}
	.half-bg-image.home-half-right{
		background: none !important;
		margin-top:40px;
	}
	.half-bg-image {
		height: auto !important;
	}

	.half-bg-image .half-content {
		padding: 20px 30px;
	}
	.half-bg-image  .white-bg{
		background-color: #f5f5f5  !important;
		border:none !important;
	}
	.half-bg-image .half-content h2{
		font-size: 30px;
		line-height: 40px;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}

 @media only screen and (max-width : 768px){
    .half-bg-image{
      background-image: none !important;
    }
    .half-bg-image .image{
      margin-top:20px;
      height:300px;
      width:100%;
    }
    .half-bg-image{
      height:auto !important;
    }

  }



.two-thirds{

}

.two-thirds .main-content{
	padding:40px 40px;
	
}
.two-thirds .main-content h2{
	font-weight: 200;
	font-size: 38px;
	line-height: 38px;
	margin-bottom: 20px;

}
.two-thirds .main-content h5{
	font-weight: 400;
	font-size: 21px;
	line-height: 21px;
	margin-bottom: 10px;
}
.two-thirds .main-content p{
	font-weight: 200;
	font-size: 18px;
	line-height: 28px;
		
}

.two-thirds .main-content li{
	font-weight: 200;
	font-size: 18px;
	line-height: 26px;	
}
.two-thirds .card {
  margin-bottom: 20px;
}
.two-thirds .card .card-img-top{
  height:315px;
  background-repeat:no-repeat !important;
  background-position: center center;
  background-size: cover !important;
}




@media only screen and (min-width: 1500px) { 
	#main_content_block .main-content{
		min-height: 785px;
	}
}

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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}
/*========================================*/
/*        recent project sections         */
/*========================================*/


.projectCards{
	margin-top:100px;
}
.project-card {
  margin-bottom: 40px;
}

.project-card .card-img-top {
  width: 100%;
  height: 15vw;
  object-fit: cover;
}

.project-card .card-block{
	padding:20px;
	text-align: center;
}

.project-card .card-block a{
	color:#672e4f;
}
.project-card .card-block a:hover{
	color:#9d6585;
}


.recent-project-slides{
	
}

.recent-project-slides h4{
	font-size: 36px;
	font-weight: 800;
	line-height: 36px;
}
.recent-project-slides h5{
	font-size: 18px;
	color:#672e4f;
	line-height: 36px;
	
}
.recent-project-slides h5 a{
	border-bottom: 2px solid #672e4f;
	color:#672e4f;

}
.recent-project-slides .swiper-container {
    margin-top:50px;
    width: 100%;
    height: 100%;
}
.recent-project-slides .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){
	.project-card .card-img-top {
	  height: 20vw;
	}
}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){
	.project-card .card-img-top {
	  height: 30vw;
	}
	.recent-project-slides .swiper-container {
	    margin-top:20px;
	}

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}


/* ======================================== */
/* ======== recent Projects slider ======== */
/* ======================================== */


#recentProjects{

}

#recentProjects .swiper-slide{
  height:400px;
  background-repeat:no-repeat !important;
  background-position: center center;
  background-size: cover !important;
}
#recentProjects .swiper-slide .slide-content{
	width:100%;
	background-color: rgba(38, 34, 37, .4);
	padding:0, 20px;
}

.swiper-slide .slide-content {
	display: none;
}
.swiper-slide:hover .slide-content {
	display: block !important;
}

/*.swiper-slide.swiper-slide-active .slide-content {
	display: block !important;
}*/


.swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	border: white solid 1px;
	background-color: transparent;
}
.swiper-pagination .swiper-pagination-bullet-active {
	background-color: white;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
	color:#fff;
	background-color: #672e4f !important;
	padding:14px;

}
.swiper-pagination-bullet.active{
	color:#672e4f !important;
	background-color: #672e4f !important;
}
.recent-project-slides{
	position: relative;
}
.recent-project-slides .slide-overlay{
	position: absolute;
	top:260px;
	left:200px;
	z-index: 9;
	text-shadow: 1px 1px 1px #672e4f;
}
.recent-project-slides .slide-overlay h3{
	font-size: 48px;
	margin-bottom: 80px;
}
.recent-project-slides .slide-overlay p a{
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
}


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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){
	.recent-project-slides .f36{
		font-size: 20px !important;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}








.rooms-gallery{
	
}
.rooms-gallery .card-deck{
	margin-bottom:40px;
}
.rooms-gallery .card h5 i{
	text-align: right;
}
.rooms-gallery .card-title{
	padding-top:40px;
	padding-bottom:40px;
	font-size: 21px;
}
.rooms-gallery .card-title a{
	color:#262225;
}
.rooms-gallery .card-title a i{
	color:#672e4f;
	font-size: 30px;
}




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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){
	.rooms-gallery .card-title{
		padding-top:20px;
		padding-bottom:20px;
	}
}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}



/*contact */
.form-wrap{
	padding:0px;
	max-width: 800px;
	margin:0 auto;
}

#contactForm .form-group{
	margin-bottom: 5px;
}


.cta-section{
	margin-top:130px;
	height: 800px;
	/*background-image: url("/wp-content/themes/renovations-unlimited-theme/assets/img/kitchen-cta-2.jpg");*/
}

.cta-section .container{

	/*background-image: url("/wp-content/themes/renovations-unlimited-theme/assets/img/kitchen-cta-2.jpg");*/
}
@media only screen and (max-width: 1400px) { 

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){
  .cta-section{
    margin-top:40px;
    height: auto;
    background:none !important;
    text-align: center;
  }
  .cta-section .white{
  	/*color:#262225 !important;*/
  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){
	.cta-section h2{
		margin-bottom: 10px !important;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}



/*Team Section*/
#team .card-body{
	text-align: center;
}


.reviews-hero{
	height: 800px;
}
.reviewsSection{
	/*margin-top:0px;*/
}

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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}





.award-tabs nav > .nav.nav-tabs{

    border: none;
    color:#838182;
    background:#e0e0e0;
    border-radius:0;

}
.award-tabs h4{
    margin-bottom: 50px;
}

.tab-pane{
  padding:20px;
}

.award-tabs .tab-pane, .award-tabs .tab-content{
  width:100% !important;
}
.award-tabs nav > div a.nav-item.nav-link,
.award-tabs nav > div a.nav-item.nav-link
{
    border: none;
    padding: 18px 25px;
    color:#672e4f;
    background:#e0e0e0;
    border-radius:0;
}

.award-tabs nav > div a.nav-item.nav-link.active:after
{
    content: "";
    position: relative;
    bottom: -60px;
    left: -10%;
    border: 15px solid transparent;
    border-top-color: #672e4f ;
}
.award-tabs .tab-content{
    background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #672e4f;
    border-bottom:5px solid #672e4f;
    padding:30px 25px;
}
.award-tabs a.nav-item.nav-link.active
{
    border: none;
    background: #672e4f;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}

.award-tabs nav > div a.nav-item.nav-link:hover,
.award-tabs nav > div a.nav-item.nav-link:focus
{
    border: none;
    background: #672e4f;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}

/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){
  .award-tabs h4{
      margin-bottom: 20px;
  }
}

/*blog section*/


 .news-hero{
    height:600px;  
 }
 .hero-content{
 	margin-top:250px;
 }


.news {
	margin-top:120px;
}

.news article{
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.blog-section{
	margin-top:100px;
	margin-bottom: 100px;
}
.blog-section.single{
	margin-top:200px;
}
.blog-section article{
	margin-bottom:20px;
}
.post-thumbnail{
	margin-top:10px;
}
.news .post-thumbnail, .post-thumbnail img{
	width:100%;
	height:auto;
}

.news .entry-title{
	margin-bottom: 10px;
}
.news .entry-title, .news .entry-title a{
	font-size: 32px;
	color:#000;
}
.news a:hover{
	color: #672e4f !important;
	text-decoration: none;
}
.entry-meta a, .entry-footer a{
	color: #c77fa9 !important;
}

.news .nav-links a, .entry-content a{
	color: #c77fa9 !important;

}
.entry-footer {
	margin-top:20px;
}

.blogFeed .entry-footer {
	display:none !important;
}

.entry-footer span{
	margin-right:20px;
}
.entry-footer .comments-link{
	display:block;
}
.entry-footer .comments-link a{
	color: #c77fa9 !important;
}


/*blog sidebar*/
.widget-title{
	font-size: 24px;
}
.news .widget li{
	font-size: 18px;
}
.news .widget li a{
	color: #c77fa9 !important;
}
.news .widget li a{
	color: #c77fa9 !important;
}
.blog-section .blog-sidebar{
	padding-left:50px;
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px){

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
	.blog-section .blog-sidebar{
		padding-left:30px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
	.blog-section .blog-sidebar{
		padding-left:10px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px){

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}

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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}

/*footer section*/

footer{
	margin-top:100px;
}

footer .top{
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 4px solid #672e4f;
}
}

footer .footer-widget li {
	color:#262225;
	font-size: 18px;
	font-weight: 700 !important;
	line-height: 36px;
}
footer .footer-widget .reg a{
	font-weight: 400 !important;
}
footer .footer-widget li a{
	color:#262225;
	font-size: 18px;
	font-weight: 700;
	line-height: 36px;
}

footer .footer-widget img{
	margin:0 auto;
	text-align: center;
}
footer .industry-icons {
	text-align: right;
}
footer .industry-icons img{
	height:60px;
}
footer .copyright{
	margin-top:60px;
	color:#838182;
	font-size: 16px;
}



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

 }
/* Extra large devices (large desktops, 1200px )*/
@media only screen and (max-width : 1200px){

}
/* Large devices (desktops, 992px )*/
@media only screen and (max-width : 992px){

}
/* Medium devices (tablets, 768px )*/
@media only screen and (max-width : 768px){

}
/* Small devices (landscape phones, 576px )*/
@media only screen and (max-width : 576px){
	footer{
		margin-top:60px;
	}
	.footer-widget{
		text-align: center;
	}
	.footer-widget li{
		margin-bottom: 10px;
	}
	footer .nav-social, footer .industry-icons{
		margin-left: auto !important;
		margin-right: auto !important;
		justify-content: center !important;
		display: flex !important;
		text-align: center !important;
	}
	footer .industry-icons img{
		display: block;
		margin:0 auto;
	}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 480px){

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

}
