/*
Theme Name:     Vanwell Homes Ltd.
Description:    vanwellhomes.com theme by XMG Inc.
Author:         XMG Inc.
*/





/* PRELOADER
-------------------------------------------------------------- */

#wptime-plugin-preloader {
z-index: 99999 !important;
}

/* FONTS
-------------------------------------------------------------- */

.et_pb_text h2 {
font-size: 1.4em;
letter-spacing: 0.05em;
line-height: 1.4em;
position: relative;
text-transform: uppercase;
margin-bottom: 15px;
}
.et_pb_text h2:after {
position: absolute;
content: '';
width: 50px;
height: 3px;
background-color: #b00;
bottom: 0;
left: 0;
}
.et_pb_text ul {
list-style: square;
padding-left: 20px;
}
.et_pb_bg_layout_dark a {
color: #ccc;
}
.et_pb_bg_layout_dark a:hover {
color: #fff;
}

/* HEADER
-------------------------------------------------------------- */

#main-header {
background-color: #111;
}
#logo {
max-height: 60%;
}

/* Default Header */
.et_header_style_left #et-top-navigation,
.et_header_style_split #et-top-navigation {
padding: 90px 0 0 !important;
}
.et_header_style_left #et-top-navigation nav > ul > li > a,
.et_header_style_split #et-top-navigation nav > ul > li > a {
padding-bottom: 25px !important;
}

/* Fixed Header */
.et_header_style_left .et-fixed-header #et-top-navigation,
.et_header_style_split .et-fixed-header #et-top-navigation {
padding: 60px 0 0 !important;
}
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a,
.et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a {
padding-bottom: 25px !important;
}

/* Mobile Header */
@media only screen and ( max-width: 700px ) {

/* Default Header */
.et_header_style_left #et-top-navigation,
.et_header_style_split #et-top-navigation {
padding: 50px 0 0 !important;
}
.et_header_style_left #et-top-navigation nav > ul > li > a,
.et_header_style_split #et-top-navigation nav > ul > li > a {
padding-bottom: 25px !important;
}

/* Fixed Header */
.et_header_style_left .et-fixed-header #et-top-navigation,
.et_header_style_split .et-fixed-header #et-top-navigation {
padding: 25px 0 0 !important;
}
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a,
.et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a {
padding-bottom: 25px !important;
}
.et_non_fixed_nav.et_transparent_nav #main-header, 
.et_non_fixed_nav.et_transparent_nav #top-header, 
.et_fixed_nav #main-header, .et_fixed_nav #top-header {
position: fixed;
}

}

/* Page Header */

.et_pb_bg_layout_dark h1 {
position: relative;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.et_pb_bg_layout_dark h1:after {
position: absolute;
content: '';
width: 50px;
height: 3px;
background-color: #fff;
bottom: 0;
left: 0;
opacity: .5;
}
.vanwellheader.et_pb_row .et_pb_column {
float: none;
margin: 0 auto !important;
max-width: 1200px;
width: 80%;
}
.vanwellheader.et_pb_row .et_pb_column:nth-child(1) {
z-index: 1;
padding-right: 30%;
}
.vanwellheader.et_pb_row .et_pb_column:nth-child(2) {
margin: 0 !important;
max-width: 50%;
width: 50%;
}
.vanwellheader {
overflow: hidden;
}


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

.et_pb_bg_layout_dark h1 {
font-size: 1.6em;
}
.vanwellheader.et_pb_row .et_pb_column:nth-child(1) {
max-width: 80%;
width: 80%;
}
.vanwellheader.et_pb_row .et_pb_column:nth-child(2) {
max-width: 70%;
width: 70%;
right: -25%;
}

}

/* MENU
-------------------------------------------------------------- */

#top-menu a {
color: #999;
text-transform: uppercase;
letter-spacing: 0.15em;
}
body .et-fixed-header #top-menu li.current-menu-item > a,
#top-menu li.current-menu-item > a {
color: #fff !important;
}
.et-fixed-header #et-top-navigation .nav .menuregister a,
#et-top-navigation .nav .menuregister a {
border: 1px solid #ccc;
color: #fff;
padding: 5px 10px !important;
}

/************ Setting the breakpoint of the mobile menu ************/

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

#top-menu-nav,
#top-menu {
display: block;
}
#et_top_search {
display: block;
}
#et_mobile_nav_menu {
display: none;
}
.et_fixed_nav #main-header,
.et_fixed_nav #top-header{
position: fixed;
}
/*#page-container.et-animated-content {
transition: margin-top 0.4s ease-in-out 0s;
}*/

}

/************ Menu Slide-In ************/

/* Hide submenu */
.et_mobile_menu .menu-item-has-children > a { 
background-color: transparent; 
}
#main-header .et_mobile_menu li ul.sub-menu.hide { 
display: none !important; 
visibility: hidden !important;  
transition: .7s ease-in-out;
}
#main-header .et_mobile_menu li ul.sub-menu.visible { 
display: block !important; 
visibility: visible !important; 
}
.et_mobile_menu .menu-item-has-children > a:after { 
font-family: "ETmodules";
font-size: 18px;
font-weight: 800;
content: "3"; 
position: absolute; 
right: 50px;
}

/* Font Awesome */
.fa {
margin-right: 15px ;
}

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

#mobile_menu {
display: block !important;
min-height: 100vh;
height: 100%;
top: 0;
right: 0;
position: fixed;
z-index: 9998;
overflow: scroll;
border-top: none;
padding-top: 90px !important;
}
.et_mobile_menu li a {
color: #999 !important;
width: 100%;
float: left;
text-align: left;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin: 0;
transition: .2s;
text-transform: uppercase;
}
.mobile_nav ul#mobile_menu .current_page_item > a {
color: #fff !important;
background-color: rgba(255, 255, 255, 0.1);
}
.mobile_nav.closed #mobile_menu {
background: rgba(51,51,51,0.9) !important;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.4s 0s;
-moz-transition: -moz-transform 0.4s 0s;
transition: transform 0.4s 0s;
}
.mobile_nav.opened #mobile_menu {
background: rgba(27,29,30,0.95) !important;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-overflow-scrolling: touch;
-webkit-transition: -webkit-transform 0.4s 0s;
-moz-transition: -moz-transform 0.4s 0s;
transition: transform 0.4s 0s;
}
#main-header .container.clearfix.et_menu_container {
width: 90%;
}
.mobile_menu_bar:before {
color: #999 !important;
}
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
color: #fff !important;
}

}

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

.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {    
z-index: 9999;
}
#et-top-navigation {    
padding-right: 5px;
}

}

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

#mobile_menu {    
width: 320px;    
margin-left: calc(100% - 320px);
}

}

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

#mobile_menu {    
width: 260px;    
margin-left: calc(100% - 260px);
}

}

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

#mobile_menu {    
width: 100%;    
margin-left: 0;
}

}

/* FOOTER
-------------------------------------------------------------- */

#footer-bottom {
padding: 0;
}
.copyright {
font-size: .73em;
color: #999;
line-height: 1.5em;
}

/* BUTTONS
-------------------------------------------------------------- */

body .et_pb_button::before,
body .et_pb_promo_button::before,
body .et_pb_more_button.et_pb_button::before {
border-bottom: 30px solid transparent;
border-left: 14px solid #b00;
border-top: 0 solid transparent;
content: "";
display: block;
height: 0;
right: -14px;
opacity: 1;
position: absolute;
top: 0;
width: 0;
}
body .graybutton.et_pb_button::before {
border-left: 14px solid #888;
}
body .graybutton.et_pb_button:hover,
body .graybutton.et_pb_button {
background-color: #888 !important;
}
.et_pb_button_module_wrapper.et_pb_module {
margin-top: -10px;
}

/* project category buttons*/

/*
body .project_category-current-projects .et_pb_button::before {
border-left: 14px solid #0a0;
}
body .project_category-current-projects .et_pb_button:hover,
body .project_category-current-projects .et_pb_button {
background-color: #0a0 !important;
}

body .project_category-future-projects .et_pb_button::before {
border-left: 14px solid #e60;
}
body .project_category-future-projects .et_pb_button:hover,
body .project_category-future-projects .et_pb_button {
background-color: #e60;
}
*/



/* PROJECTS
-------------------------------------------------------------- */

/* category */

.vanwellgallery .et_pb_gallery_items,
.et_pb_module .project_category-future-projects,
.et_pb_module .project_category-current-projects,
.et_pb_module .project_category-past-projects {
overflow: hidden;
position: relative;
}
.vanwellgallery .et_pb_gallery_items:before,
.et_pb_module .project_category-future-projects:before,
.et_pb_module .project_category-current-projects:before,
.et_pb_module .project_category-past-projects:before {
-webkit-transform: rotate(30deg); 
-moz-transform: rotate(30deg); 
-ms-transform: rotate(30deg); 
-o-transform: rotate(30deg); 
transform: rotate(30deg); 
position: absolute;
top: 25px;
right: -55px;
width: 200px;
color: #fff;
z-index: 4;
text-align: center;
text-transform: uppercase;
font-size: 0.9em;
line-height: 0.9em;
font-weight: 600;
padding: 5px;
pointer-events: none;
}
.vanwellgallery .et_pb_gallery_items:before {
top: 35px;
right: -50px;
width: 250px;
font-size: 1.1em;
line-height: 1.1em;
padding: 5px;
}
.project_category-future-projects .vanwellgallery .et_pb_gallery_items:before,
.et_pb_module .project_category-future-projects:before {
content: 'Pre-Register';
background: #f60;
}
.project_category-current-projects .vanwellgallery .et_pb_gallery_items:before,
.et_pb_module .project_category-current-projects:before {
content: 'Now Selling';
background: #0a0;
}
.project_category-past-projects .vanwellgallery .et_pb_gallery_items:before,
.et_pb_module .project_category-past-projects:before {
content: 'Sold Out';
background: #b00;
}

/* gutter */

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

.et_pb_gutters4 .et_pb_column_4_4 .et_pb_portfolio_item {
width: 22%;
margin-right: 4%;
margin-bottom: 4%;
}

}

/* portfolio*/

.et_pb_gallery_grid .et_pb_gallery_item h3,
.et_pb_portfolio_grid .et_pb_portfolio_item h2,
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2 {
font-size: 1.1em;
line-height: 1.3em;
text-transform: uppercase;
}


.et_portfolio_image .et_overlay {
display:none;
}
.et_pb_portfolio_items_wrapper,
.et_pb_portfolio_items,
.et_pb_portfolio_grid .et_pb_portfolio_grid_items {
overflow: visible !important;
}

.et_pb_portfolio_item  {
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.et_pb_portfolio_item:hover {
-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-o-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06);
}

.et_pb_grid_item a {
display: block;
}
.et_pb_bg_layout_dark .et_pb_grid_item:hover a {
color: #fff !important;
}


/* portfolio filter */

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
color: #444 !important;
background-color: #eee;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
display: inline-block;
float: none;
position: relative;
z-index: 1;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters ul {
text-align: center;
}
.et_pb_portfolio_filters ul::before {
background-color: #ddd;
content: "";
display: block;
height: 1px;
position: absolute;
top: 16px;
width: 100%;
}

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

.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
display: inline-block;
float: left;
margin-top: 0;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters ul {
}

}

/* view all projects button */

.viewprojects a,
.et_pb_bg_layout_dark.viewprojects a {
line-height: 2.4em;
color: #fff;
position: relative;
text-transform: uppercase;
letter-spacing: 0.1em;
display: inline-block;
margin-left: 25px;
}
.viewprojects a:before {
color: #b00;
content: "\e08c";
font-family: "ETmodules";
font-size: 1.2em;
margin-left: -25px;
position: absolute;
top: 0;
}
.viewprojects a:hover {
color: #ccc;
}

/* project prev next navigation */

.projectnavigation {
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.projectnavigation .nav-previous .meta-nav,
.projectnavigation .nav-next .meta-nav {
display: none;
}
.projectnavigation .nav-previous a {
margin-left: 25px;
}
.projectnavigation .nav-previous a:after {
content: 'Project';
}
.projectnavigation .nav-previous a:before {
color: #b00;
content: "4";
font-family: "ETmodules";
font-size: 2em;
margin-left: -35px;
position: absolute;
top: -1px;
}
.projectnavigation .nav-next a {
margin-right: 25px;
}
.projectnavigation .nav-next a:before {
content: 'Project';
}
.projectnavigation .nav-next a:after {
color: #b00;
content: "5";
font-family: "ETmodules";
font-size: 2em;
margin-left: 5px;
position: absolute;
top: -1px;
}
.projectnavigation .nav-previous a,
.projectnavigation .nav-next a {
color: #fff;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.1em;
}
.projectnavigation .nav-previous a:hover,
.projectnavigation .nav-next a:hover {
color: #ccc;
}
@media only screen and ( max-width: 600px ) {

.projectnavigation .nav-previous a:after {
content: none;
}
.projectnavigation .nav-next a:before {
content: none;
}

}

/* project slideshow */

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

.vanwellgallery {
max-width: 100%;
width: 100%;
}

}

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

.vanwellgallery.et_pb_row,
.vanwellgallery .et_pb_slider {
overflow: visible !important;
}
.vanwellgallery .et-pb-arrow-prev,
.vanwellgallery .et_slider_hovered .et-pb-arrow-prev {
left: -70px !important;
}
.vanwellgallery .et-pb-arrow-next,
.vanwellgallery .et_slider_hovered .et-pb-arrow-next {
right: -70px !important;
}
.vanwellgallery .et-pb-arrow-prev,
.vanwellgallery .et-pb-arrow-next {
opacity: .5 !important;
color: #fff !important;
}
.vanwellgallery .et-pb-arrow-prev:hover,
.vanwellgallery .et-pb-arrow-next:hover {
opacity: 1 !important;
}

}


/* TESTIMONIAL
-------------------------------------------------------------- */

.et_pb_testimonial::before {
display: none;
}
.et_pb_testimonial {
background: none !important;
padding: 0;
}
.et_pb_testimonial_author,
.et_pb_testimonial p {
font-weight: normal;
opacity: .8;
}
.et_pb_testimonial p:first-child {
text-transform: uppercase;
position: relative;
font-size: 1.2em;
font-weight: 500;
letter-spacing: .05em;
opacity: 1;
color: #333;
}
.et_pb_bg_layout_dark.et_pb_testimonial p:first-child {
color: #fff;
}
.et_pb_testimonial p:first-child:after {
position: absolute;
content: '';
width: 50px;
height: 3px;
background-color: #b00;
bottom: 0;
left: 0;
}

/* SLIDER
-------------------------------------------------------------- */

.et_pb_slide {
padding: 0;
}
.et_pb_slide .et_pb_container {
max-width: 100% !important;
width: 100% !important;
}
.et_pb_slide_image {
right: 0;
margin: 0;
position: absolute !important;
}
.et_pb_slide_image img {
max-height: inherit !important;
width: 100%;
}
.et_pb_slide:first-child .et_pb_slide_image img.active,
.et-pb-active-slide .et_pb_slide_image {
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
}
.et_pb_slide_with_image .et_pb_slide_description {
width: 80%;
max-width: 1200px;
float: none;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-right: 30%;
}

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

.et_pb_slide_with_image .et_pb_slide_description {
padding-right: 15%;
}
.et_pb_slide {
height: 700px !important;
}

}

.et_pb_slide_description .et_pb_slide_title {
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 400;
}
.et_pb_slide_description h2 {
position: relative;
}
.et_pb_slide_description h2:after {
position: absolute;
content: '';
width: 50px;
height: 3px;
background-color: #fff;
bottom: 0;
left: 0;
opacity: .5;
}

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

.et_pb_slide_image {
right: -30%;
}

}

/* GRAVITY FORM vanwellhomes.com
-------------------------------------------------------------- */

/* form color */

.gform_wrapper .gfield_required {
color: #b00 !important;
}
input[type="submit"] {
background: #b00;
}

/* email subscribe */

.email-subscribe_wrapper form:before {
color: #333;
content: "Subscribe to our exciting future projects:";
font-size: 1.3em;
margin-right: 15px;
display: inline-block;
margin-bottom: 10px;
}

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

.email-subscribe_wrapper form:before {
display: block;
}

}

.email-subscribe_wrapper ul.gform_fields li.gfield {
padding-right: 10px !important;
}
.email-subscribe_wrapper {
margin: 5px 0 !important;
}
.email-subscribe_wrapper .gform_body {
display: inline-block;
width: auto !important;
vertical-align: top;
}
.email-subscribe_wrapper .gform_footer {
clear: none !important;
display: inline-block;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
body .email-subscribe_wrapper * {
margin-top: 0 !important;
}
.email-subscribe_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
padding: 8px 12px !important;
line-height: 20px !important;
border: none;
}
.email-subscribe_wrapper input[type="submit"] {
background: #b00;
padding: 8px 12px !important;
line-height: 20px !important;
margin: 0 !important;
}
.email-subscribe_wrapper form {
text-align: right !important;
width: 100%;
}
@media only screen and ( max-width: 980px ) {

.email-subscribe_wrapper form {
text-align: center !important;
}

}

/* form modifications */

.gform_wrapper .top_label .gfield_label {
color: #666;
}
.gform_wrapper.gf_browser_gecko select {
height: 35px !important;
}
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label,
.gform_wrapper .top_label .gfield_label {
font-weight: normal !important;
}
.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
font-size: 17px !important;
line-height: 26px !important;
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
border-radius: 2px;
}
input[type="text"], input.text, input.title, textarea, select {
border-radius: 2px;
}
input[type="submit"] {
border-radius: 2px;
border: none;
color: #fff;
padding: 8px 16px;
cursor:pointer;
font-size: 1.2em !important;
}
input[type="submit"]:hover {
opacity: .8;
}
.gform_wrapper .top_label .gfield_description {
font-size: 12px !important;
line-height: 20px !important;
}
.gform_wrapper {
max-width: 100% !important;
}
.permission div label:after {
content: ', I agree to be contacted and receive emails containing news and updates from Vanwell Homes. You can unsubscribe from emails anytime. *';
}
.permission div input {
vertical-align: top !important;
}
.permission .gfield_label {
display: none !important;
}
.gform_wrapper .gfield_checkbox li label, 
.gform_wrapper .gfield_radio li label {
font-size: 1em !important;
}
.gfield_radio li {
display: inline;
margin-right: 20px !important;
}
.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label {
width: auto !important;
}
.gform_wrapper hr {
height:1px; 
border:none; 
color:#ccc; 
background-color:#ddd;
margin: 20px 0;
}

/* PARALLAX POSITION
-------------------------------------------------------------- */

body .parallax-left .et_parallax_bg {
background-position: 15% top;
}
body .parallax-right .et_parallax_bg {
background-position: 85% top;
}
body .parallax-center .et_parallax_bg {
background-position: center top;
}

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

body .parallax-left .et_parallax_bg,
body .parallax-right .et_parallax_bg,
body .parallax-center .et_parallax_bg {
opacity: .3;
}

}

/* MENU
-------------------------------------------------------------- */

/* MENU HIGHLIGHT COLOR
-------------------------------------------------------------- */

/* ROWS
-------------------------------------------------------------- */

/* MAIN TITLES 
-------------------------------------------------------------- */

/* IMAGES
-------------------------------------------------------------- */

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

}

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

}

/* TABLET
-------------------------------------------------------------- */

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

}

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

}

/* MOBILE
-------------------------------------------------------------- */

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

}