/* Themify Customize Styling */
body {	background: none;
	background-color: #ffffff;
	font-family: "Roboto";	font-size:18px;

	color: #000000; 
}
a {		font-style:normal;
	font-weight:normal;
	text-decoration:none;

	color: #000000; 
}
a:hover {		font-style:italic;
	font-weight:bold;
	text-decoration:line-through;
	font-style:italic;

	color: #000000; 
}
:root {	
	--theme_accent: #ffffff; 
}
#pagewrap {	width: auto; 
}
.pagewidth,.module_row>.row_inner {	
	width: 100%; 
}
.full_width #content,#content {	
	width: 100%; 
}
h1 {		text-transform:none; 
}
h2 {		text-transform:none; 
}
h5 {	
	font-family: "Roboto Condensed"; 
}
input:read-write,input:read-only,input[type=radio],input[type=checkbox],select,textarea {	background: none;
	background-color: #ffffff;
	border-bottom: 1px solid #000000;
	color: #545454; 
}
input:read-write,input:read-only,select,textarea {		font-style:italic;
	font-style:italic;
 
}
input:read-write:focus,input:read-only:focus,select:focus,textarea:focus {	
	border-bottom: 1px solid #000000; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #000000; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	background: none;
	background-color: #ffffff;
	border: 2px solid #000000;
	color: #000000; 
}
#headerwrap {	background: none;
	background-color: #ffffff; 
}
#headerwrap #header {	background: none;
	background-color: #ffffff;
	background-position: center center; 
}
#header {	
	font-family: "Roboto Condensed";	font-weight:300;
	text-transform:uppercase; 
}
#headerwrap a:hover {		font-style:italic;
	font-weight:bold;
	font-style:italic;
 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #ffffff; 
}
#headerwrap.fixed-header #site-logo a img {		width: 90px; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {	
	font-family: "Roboto Condensed";	font-weight:300;
	text-transform:uppercase; 
}
#headerwrap.fixed-header #header {	
	color: #000000; 
}
.fixed-header #header a {		font-style:normal;
	font-weight:normal;
	text-decoration:none;
 
}
#headerwrap.fixed-header a {	
	color: #000000; 
}
.fixed-header #header a:hover {		font-style:italic;
	font-weight:bold;
	font-style:italic;
 
}
#headerwrap.fixed-header a:hover {	
	color: #000000; 
}
body #site-logo a img {		width: 90px; 
}
#site-logo {		position:static;
 
}
#site-description {	display: none; 
}
#main-nav {	background: none;
	background-color: #ffffff;
	right: 5%; 
}
#main-nav a {	
	font-family: "Roboto Condensed";	letter-spacing:2px;
	font-style:normal;
	font-size:14px;
 
}
#main-nav a:hover {	
	color: #000000; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #000000; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	color: #000000; 
}
#headerwrap .menu-icon-inner {	
	height: 20px; 
}
.post-title {	
	font-family: "Roboto";	font-weight:100;
	font-size:18px;
	text-transform:uppercase; 
}
.post-title a:hover {		font-style:italic;
	font-style:italic;
 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #ffffff; 
}
.loops-wrapper.grid2 .post-title, .loops-wrapper.grid2 .post-title a {	
	font-family: "Roboto";	font-weight:500;
	font-size:18px;
	text-transform:uppercase;	text-align:left; 
}
.loops-wrapper.grid2-thumb .post-title, .loops-wrapper.grid2-thumb .post-title a {	
	font-family: "Roboto";	font-weight:500;
	font-size:18px;
 
}
.post-meta {	background: none;
	background-color: #000000; 
}
.post-nav a {	
	color: #000000; 
}
.post-nav a:hover {	
	color: #008fbe; 
}
.post-nav a .arrow {	
	color: #008fbe; 
}
#footerwrap {	background: none;
	background-color: #000000;
	background-size: cover; 
}
#footer a {	
	font-family: "Playfair Display";	font-style:italic;
	letter-spacing:1px;
	font-style:italic;

	color: #ffffff; 
}
#footer a:hover {	
	font-family: "Playfair Display";	font-style:italic;
	font-style:italic;

	color: #008fbe; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #000000; 
}
#footerwrap .back-top a:before, #pagewrap .back-top.back-top-float {	
	color: #ffffff; 
}
@media(max-width: 1280px) { /* Themify Customize Styling */
body {	
	color: #000000; 
}
a:hover {	
	color: #000000; 
}
.full_width #content,#content {	
	width: 100%; 
}
h1 {	
	font-family: "Roboto";	font-weight:600;
 
}
h4 {		font-weight:100;
 
}
input:read-write,input:read-only,input[type=radio],input[type=checkbox],select,textarea {	background: none;
	background-color: #ffffff;
	color: #545454; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #000000; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	
	border: 2px solid #000000;
	color: #000000; 
}
#headerwrap {	
	padding-right: 5px;
	padding-left: 5px; 
}
#header {		font-weight:300;

	color: #ffffff; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #ffffff; 
}
#headerwrap.fixed-header #site-logo a img {		width: 90px; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {		font-weight:300;
 
}
#headerwrap.fixed-header #header {	
	color: #000000; 
}
#headerwrap.fixed-header a {	
	color: #000000; 
}
#headerwrap.fixed-header a:hover {	
	color: #000000; 
}
#main-nav a:hover {	
	color: #ffffff; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	color: #000000; 
}
.post-title {		font-weight:100;
 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #008fbe; 
}
.loops-wrapper.grid2 .post-title, .loops-wrapper.grid2 .post-title a {		font-weight:500;
 
}
.loops-wrapper.grid2-thumb .post-title, .loops-wrapper.grid2-thumb .post-title a {		font-weight:500;
 
}
.post-meta {	background: none;
	background-color: #000000; 
}
.post-nav a {	
	color: #000000; 
}
.post-nav a:hover {	
	color: #008fbe; 
}
.post-nav a .arrow {	
	color: #008fbe; 
}
#footerwrap {	background: none;
	background-color: #000000;
	background-size: cover;
	background-position: center center; 
}
#footer a {	
	color: #ffffff; 
}
#footer a:hover {	
	color: #008fbe; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #000000; 
}
#footerwrap .back-top a:before, #pagewrap .back-top.back-top-float {	
	color: #ffffff; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
h1 {	
	font-family: "Roboto";	font-weight:600;
 
}
h4 {		font-weight:100;
 
}
input[type=reset], input[type=submit], button, button[type=submit] {	
	border: 1px solid #000000; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	
	border: 2px solid #000000; 
}
#header {		font-weight:300;
 
}
#headerwrap.fixed-header #site-logo a img {		width: 90px; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {		font-weight:300;
 
}
#main-nav a:hover {	
	color: #ffffff; 
}
#footerwrap {	
	background-size: cover;
	background-position: center center; 
}
 }@media(max-width: 680px) { /* Themify Customize Styling */
body {	
	color: #000000; 
}
a:hover {	
	color: #000000; 
}
:root {	
	--theme_accent: #ffffff; 
}
.full_width #content,#content {	
	width: 100%; 
}
h1 {	
	font-family: "Roboto";	font-weight:600;
 
}
h4 {		font-weight:100;
 
}
input:read-write,input:read-only,input[type=radio],input[type=checkbox],select,textarea {	background: none;
	background-color: #ffffff;
	color: #545454; 
}
input[type=reset], input[type=submit], button, button[type=submit] {	background: none;
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #000000; 
}
input[type=reset]:hover, input[type=submit]:hover, button:hover, button[type=submit]:hover {	
	border: 2px solid #000000;
	color: #000000; 
}
#header {	
	padding-top: 10px;	font-weight:300;

	color: #ffffff; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #ffffff; 
}
#headerwrap.fixed-header #site-logo a img {		width: 90px; 
}
#headerwrap.fixed-header #header, #headerwrap.fixed-header #site-description {		font-weight:300;
 
}
#headerwrap.fixed-header #header {	
	color: #000000; 
}
#headerwrap.fixed-header a {	
	color: #000000; 
}
#headerwrap.fixed-header a:hover {	
	color: #000000; 
}
#main-nav a:hover {	
	color: #ffffff; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	color: #000000; 
}
.post {	
	margin-bottom: -10%; 
}
.post-title {		font-weight:100;
 
}
.post-title a:hover, .loops-wrapper .post-image + .post-content .post-title a:hover {	
	color: #008fbe; 
}
.loops-wrapper.grid2 .post-title, .loops-wrapper.grid2 .post-title a {		font-weight:500;
 
}
.loops-wrapper.grid2-thumb .post-title, .loops-wrapper.grid2-thumb .post-title a {		font-weight:500;
 
}
.post-meta {	background: none;
	background-color: #000000; 
}
.post-nav a {	
	color: #000000; 
}
.post-nav a:hover {	
	color: #008fbe; 
}
.post-nav a .arrow {	
	color: #008fbe; 
}
#footerwrap {	background: none;
	background-color: #000000;
	background-size: cover;
	background-position: center center; 
}
#footer a {	
	color: #ffffff; 
}
#footer a:hover {	
	color: #008fbe; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #000000; 
}
#footerwrap .back-top a:before, #pagewrap .back-top.back-top-float {	
	color: #ffffff; 
}
 }.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile-menu-visible.header-overlay #headerwrap, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .header-minbar .sidemenu-on, .mobile_menu_active #headerwrap .sidemenu-on { background: none;
	background-color: #ffffff; }.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .header-minbar .sidemenu-on,  .mobile_menu_active #headerwrap .sidemenu-on { 
	color: #000000; }.header-minbar #headerwrap #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on #main-nav a { 
	font-family: "Roboto Condensed";	text-transform:uppercase; }.header-minbar #headerwrap #main-nav a, .mobile_menu_active #headerwrap .sidemenu-on a, .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a { 
	color: #000000; }.header-minbar #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { 
	color: #000000; }.header-minbar #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a { 
	color: #000000; }.mobile_menu_active #menu-icon { 
	color: #000000; }.body-overlay { 
	background-color: transparent; }
/* Themify Custom CSS */
.ptb-post-nav {
    margin: 0px!important;
    padding: 0;
    clear: both;
	display:none;
}
.image-pro-overlay-inner {
    position: absolute;
    top: 10%;
    left: 5%;
    right: 5%;
		text-align:left;
    transform: translateY(0);
}

@media screen and (min-width:680px){
	.loops-wrapper.grid3>.post{
		width:32.3%  !important;

	}
	.loops-wrapper.grid3>.post:nth-of-type(2n+1) {
		margin-left:0px!important;
		clear: left  !important;
	}
	.gutter-sizer{
		width:1.5%;
	}
}


/*HEADINGS*/

@media screen and (min-width:681px) {
	.portfolio h1 {
	font-size:55px!important;
	line-height:50px!important;
	font-weight:700;
	font-style:italic;
}
	.portfolio h2 {
	font-size:40px!important;
	line-height:40px!important;
	font-weight:700;
		letter-spacing:-1px!important;
}
	}

@media screen and (max-width:680px) {
	.portfolio h1 {
	font-size:35px!important;
	line-height:30px!important;
	font-weight:700;
	font-style:italic;
}
	.portfolio h2 {
	font-size:30px!important;
	line-height:30px!important;
	font-weight:700;
		letter-spacing:-1px!important;
}
}


ul,ol{
	margin-left: 0px!important;
	}

/*MOBILE BURGER-MENU*/
.menu-module-burger {
	margin-top:-2%;
	}

	#hu-revoke {
    display: none;
}


.themify_builder_content-728 .tb_a91b463.module-advanced-posts .post {
    padding-top: 1.5%;
}

/*GRID2 mobile*/

@media screen and (max-width:680px){
.custom-grid2 .grid2>.gutter-sizer {
		width:1.5%!important;
		height:1.5%!important;
	}
.grid2 .post{
padding-bottom: 4%!important;
	}
	
}

@media screen and (min-width:680px){
.custom-grid2 .grid2>.gutter-sizer {
		width:1.5%!important;
		height:1.5%!important;
	}
.loops-wrapper.grid2>.post {
    margin-bottom: 0%;
}
	}

/*GRID 3 ----- MOBILE*/


@media screen and (max-width:680px){
.grid3>.gutter-sizer {
		width: 1.5%!important;
	height: 1.5%!important;
	}

	}

/*IMAGE PRO TITLE*/
module-pro-image.entrance-effect-partial-overlay:hover .image-pro-overlay-inner{
	height: 100%;

}
.module-pro-image.entrance-effect-partial-overlay .image-pro-title {
	margin-bottom: 30%;
}

/*HEADER*/

#headerwrap {
	background-color:#fff!important;
	padding-left: 1.5%!important;
	padding-right: 1.5%!important;
		border-bottom:0px!important;
	
}



#main-nav .menu-item > a:hover {
  font-style: italic;
	font-weight:bold !important;
	color: #000 !important;

}

#main-nav .current-menu-item > a{
  font-style: italic !important;
	font-weight:bold !important;
  text-decoration: line-through !important;
}


.mobile_menu_active #headerwrap {
	padding-left: 0%!important;
	padding-right: 0%!important;
		
}
#menu-icon {
	background-color:transparent !important;
	padding-right: 0%!important;
	}
#menu-icon-inner {
	border: #000!important;
	}



/*STICKY HEADER*/

#headerwrap.fixed-header .header-bar{
 display: inline-flex;
	}
.fixed-header-on #header hgroup {
    z-index: 99999;
}

.fixed-header-on #main-nav .menu-item > a:hover {
  font-style: italic;
	font-weight:bold !important;
	color: #000 !important;
}


@media screen and (max-width:681px){
#home-header {
max-height: 4em!important;
}
	}


/*ARCHIVE*/
.archive .pagewidth{
width:100%;
	}
.archive h1{
display:none!important;
}

.loops-wrapper .post-title {
	text-transform: uppercase;
	text-align:left;
	font-size:18px;
	letter-spacing:2px;
	font-weight:700!important;

}
.loops-wrapper .post-content {
	text-align:left;
	margin-left:5%!important;
	margin-top: -5%!important;
	font-size: 18px;

}
.archive.cat-item-0 {
display:none!important;
}
.loops-wrapper.portfolio .portfolio-post{
    padding-bottom: 3px !important;
}

#customButton a:hover {
box-shadow: inset 3 0 0 2em !important;
}

/* CUSTOM ICONS */

/* video play */
.tb_video_overlay .tb_video_play{
    content:url("https://www.undervilla.com/wp/wp-content/uploads/2021/10/play-w.png");
width:50px;
height:50px;
	border: none;
}
/* back-to-top */
.back-top .arrow-up a:before {
    border: none;
    content: "";
    background: url("https://www.undervilla.com/wp/wp-content/uploads/2021/10/back_to_top-w-2.png");
    background-size: 100%;
    background-repeat: no-repeat;
    transform: none;
    top: 0;
    left: 0;
    right: 0;
}
.full-section-scrolling #pagewrap #footerwrap .back-top a,
 #pagewrap .back-top.back-top-float {
    background: #000;
    box-shadow: none;
}

/* slider arrows */
.tf_box.tf_overflow.carousel-next:before{
	border: none;
	box-shadow: none;
    content: " " !important;
    background: url("https://www.undervilla.com/wp/wp-content/uploads/2021/10/right_arrow.png");
    transform: none !important;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}
.tf_box.tf_overflow.carousel-prev:before{
	border: none;
	box-shadow: none;
    content: " " !important;
    background: url("https://www.undervilla.com/wp/wp-content/uploads/2021/10/left_arrow.png");
    transform: none !important;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}



/* PORTFOLIO */

.loops-wrapper.overlay .post-image + .post-content {
    background: transparent;
}
/* post meta */
.single-portfolio .post-meta span, .loops-wrapper.portfolio .post-meta span {
background-color:#fff !important;
}
p.post-meta.entry-meta a:hover{
color:#000 !important;
  font-style: italic;
}

/* post image */
.post-image{
	margin:0 0 0em
}
.post-image img{
	background-color: #fff;
	vertical-align:bottom;
	border-radius:0px !important;
	padding: 0%;
}
/* post filter */
.post-filter li a{
    border-radius: 0;
    display: inline;
    font-size: 14px;
    font-weight: 500;
		font-family: 'Roboto condensed';
	color: #000 !important;
    text-transform: uppercase;
    text-decoration: none;
   text-align: center;
	background-color: #fff !important
		
}

.post-filter li a:hover {
	font-family: 'Roboto condensed';
	 font-weight: 700;
	  font-style: italic;
	}

.post-filter li.active a {
font-family: 'Roboto condensed';
	 font-weight: 700;
	  font-style: italic;
	text-decoration: line-through !important;
	}



	.single-portfolio .tb_mosaic_post_title a {
display:none !important;
}


/*IMAGE PRO*/
.image-pro-overlay a {
	visibility: hidden !important;
}
.image-pro-overlay a:hover {
	visibility: visible !important;
}


/*CONTACT FORM*/
/* form input:focus */

/* button */
a.ui.builder_button.transparent::before {
	content: none !important;
}
/* form button */
input[type=reset],input[type=submit],button{
  text-align: center !important;
	border-radius:0px;
	font-weight:500 !important;
	letter-spacing:.065em;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

/* form input:hover */
input[type=reset]:hover,
input[type=submit]:hover,
button:hover{
	background-color:#fff;
	color:#000;
	font-style: italic;

}
input[type=reset]:active,
input[type=submit]:active,
button:active{
	background-color:#000;
	color:#fff;
	font-style: italic;

}

.gm-style-mtc button{
	border-radius: 0;
		padding: 0px;

}
.module span.required {
    color: #000;
}

.themify_builder_content-180 .tb_jhpd710.module-contact .control-label, .themify_builder_content-180 .tb_jhpd710.module-contact .tb_contact_label {
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    font-family: "Roboto Condensed";
    font-size: 14px;
padding-top: 10px;
}
button[type=submit]:before {
    content: none !important;
    z-index: 1;
	border:0 !important;
		visibility: hidden !important;
}

/* SLIDER CAROUSEL */
body .module-slider .carousel-nav-wrap .carousel-prev{
	margin-left: -2%;
		background-color: transparent;
	color: #000;
}
body .module-slider .carousel-nav-wrap .carousel-next {
	margin-right: -2%;
	background-color: transparent;
	color: #000;
}
/* SLIDER portfolio carousel */
.module-slider.slider-overlay .slide-content{
    text-align: left;
    color: #fff;
}
.module-slider.slider-overlay .slide-content{
	pointer-events:none;
	background:transparent;
}


/* HIGHLIGHT gradient */

mark{
 background-color:#0090BA;
	 background: linear-gradient(120deg, #0090BA 0%, #B7DDE2 70%, #70C9BD 100%);
    background-repeat: no-repeat;
    background-size: 100% 20%;
    background-position: 0 85%;
}
 
mark1{
 background-color:#0090BA;
	 background: linear-gradient(120deg, #0090BA 0%, #0090BA 100%);
    background-repeat: no-repeat;
    background-size: 100% 20%;
    background-position: 0 85%;
 
}

#footer.pagewidth{
width:100%;
}