/*Theme Name: VDS Base Child Theme for Twentyseventeen
 * Description: Twenty Seventeen Child Theme 2018 Templates
 * Template: twentyseventeen
 * Author(s): VDS Developers
 *
*/

/* Accessibility */
.sub-menu .menu-item-has-children:focus-within .sub-menu {left: 100%;}
#site-navigation #top-menu > li:focus-within > ul {left: 0;}
/* End Accessibility */

/* General Styles */
nav#site-navigation ul li a {width: auto;}
.copyright-text.centered {width: 100%;}
.vc_grid-item {z-index: 0 !important;}
html.js {margin-top: 0 !important;}
.mb0 {margin-bottom: 0;}
.black {color: #000;}
.white {color: #FFF;}
.bakery .vc_row[data-vc-stretch-content="true"] .container {
    max-width: none;
    width: 100%;
}
/* END General Styles */

/* Admin Bar */
	@media (min-width: 980px) { .admin-bar { margin-top: 32px; } } /* Fix admin bar overlap */
	@media (max-width: 979px) { .admin-bar { margin-top: 0px; } #wpadminbar { display: none; } } /* Hide the Admin Bar */
/* END Admin Bar */

/* Show/Hide Matrix */
	/* LARGE DESKTOP */
		@media (min-width: 1441px) { .display-large-desktop { display: none !important; } } /* 1441 & Above */
		@media (max-width: 1440px) { .hide-large-desktop { display: none !important; } } /* 1440 & Below */
	/* END LARGE DESKTOP */
	/* DESKTOP */
		@media (min-width: 1025px) { .display-desktop { display: none !important; } } /* 1025 & Above */
		@media (max-width: 1024px) { .hide-desktop { display: none !important; } } /* 1024 & Below */
	/* END DESKTOP */
	/* SMALL DESKTOP */
		@media (min-width: 980px) { .display-small-desktop { display: none !important; } } /* 980 & Above */
		@media (max-width: 979px) { .hide-small-desktop { display: none !important; } } /* 979 & Below */
	/* END SMALL DESKTOP */
	/* TABLET */
		@media (min-width: 769px) { .display-tablet { display: none !important; } } /* 769 & Above */
		@media (max-width: 768px) { .hide-tablet { display: none !important; } } /* 768 & Below */
	/* END TABLET */
	/* MOBILE */
		@media (min-width: 481px) { .display-mobile { display: none !important; } } /* 481 & Above */
		@media (max-width: 480px) { .hide-mobile { display: none !important; } } /* 480 & Below */
	/* END MOBILE */
/* END Show/Hide Matrix */

/* Top Nav */
ul#sidebar {
    margin-bottom: 0;
}
header .top-widget p {
    margin: 0;
}
.top-widget a,
.top-widget .span6.right a {
    box-shadow: none !important;
    text-shadow: none;
}
.top-widget a {
    transition: 0.3s ease-in-out;
}
.top-widget a:hover,
.top-widget a i:hover {
    transition: 0.3s ease-in-out;
    box-shadow: none;
}
.top-widget .widget {
    padding-bottom: 0;
}
.top-widget ul.social {
    text-align: right;
    margin: 0;
}
ul.social {
    list-style: none;
}
ul.social li {
    margin-right: 10px;
    display: inline;
    font-size: 20px;
}
ul.social li:last-child {
    margin-right: 0;
}
@media (max-width: 979px) {
	.top-widget .span6.left,
	.top-widget .span6.right {
	    width: 50%;
	    padding: 0;
	}
}
/* End Top Nav */

/* Header */
body .site-branding a:hover,
body .site-branding a:focus {
    opacity: 1;
}
body .main-navigation ul li.menu-item-has-children.focus:before,
body .main-navigation ul li.menu-item-has-children:hover:before,
body .main-navigation ul li.menu-item-has-children.focus:after,
body .main-navigation ul li.menu-item-has-children:hover:after,
body .main-navigation ul li.page_item_has_children.focus:before,
body .main-navigation ul li.page_item_has_children:hover:before,
body .main-navigation ul li.page_item_has_children.focus:after,
body .main-navigation ul li.page_item_has_children:hover:after {
    display: none;
}
body .navigation-top ul ul {
    border: none;
}
.navigation-top.site-navigation-fixed {
    display: none;
}
.custom-logo-link img {
    max-height: 100px;
}
#top-menu li:last-child {
    margin-right: 10px;
}
ul#top-menu ul.sub-menu {
    padding: 10px 0px;
}
#top-menu ul.sub-menu li {
    padding: 5px 15px;
}
.toggled-on ul#top-menu button.dropdown-toggle {
	top: 30px; /* mobile toggle */
}
.toggled-on ul#top-menu li a {
	width: fit-content; /* fixes fullwidth link */
}
/* END Header */

/* WP Bakery (Visual Composer) */
.bakery {
	clear: both;
}
body.page #content.below-header {
	padding: 0;
}
body.page .site-footer {
	margin: 0;
}
.bakery div.vc_row {
     margin-right: 0;
     margin-left: 0;
}
.bakery div.vc_row:before,
.bakery div.vc_row:after,
.bakery div.vc_row .vc_column-inner:before,
.bakery div.vc_row .vc_column-inner .wpb_wrapper:before {
	content: none;
}

@media (min-width: 980px) {
    .bakery .container {
	    display: flex;
    }
}

.bakery div.vc_column-inner {
	padding-right: 0;
	padding-left: 0;
}
.bakery div.vc_column-inner .wpb_wrapper p:last-child {
    margin-bottom: 0;
}
/* End WP Bakery (Visual Composer) */

/*  FROM SITE-CUSTOM.CSS FILE  */	/*  FROM SITE-CUSTOM.CSS FILE  *//*  FROM SITE-CUSTOM.CSS FILE  */	/*  FROM SITE-CUSTOM.CSS FILE  */

/* Buttons */
a.btn-bt.default {
    transition: all 0.3s ease-in-out;
    display: inline-block;
    text-align: center;
    padding: 14px 40px;
}
/* END Buttons */

/* Blog */
.blog #page #primary {
    /*width: 100%;*/
}
.blog aside#secondary {
    padding-bottom: 0;
}
.post-thumbnail img {
    width: 100%;
}
.blog #content .wrap,
.single #content .wrap {
    max-width: 1100px;
    padding: 40px 0;
    margin: 0 auto;
    width: 90%;
}
.blog #primary article {
    margin-bottom: 1em;
    padding-bottom: 0;
}
.single #content,
.blog #content {
    padding: 0;
}
h1.single-blog-h1 {
    margin-bottom: 0;
}
p.single-blog-date {
    margin-bottom: 5px;
}
div.single-blog-image {
    margin-bottom: 18px;
}
p.read-moar {
    margin-bottom: 0;
}

@media (min-width: 980px) {
	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
    	/*padding-bottom: 0px;*/
    	/*min-height: 740px;*/
    	/*padding: 0px 20px;*/
    	float: left;
    	/*width: 50%;*/
	}
    .wrap #primary {
        padding-right: 1.7%;
    }
    .wrap #secondary {
        padding-left: 1.7%;
    }
}

/* End Blog */

/* Single Blog */
.span8.content {
    float: left;
    width: 75% ;
}
.span4.sidebar {
    padding-left: 15px;
    float: right;
    width: 24%;
}
.blog img.attachment-post-thumbnail,
.single img.attachment-post-thumbnail {
    height: auto;
    width: 100%;
}
.single div#comments,
.single footer.entry-footer {
    display: none;
}
/* End Single Blog */

/* Contact Forms */
.wpcf7 input[type="datetime-local"],
.wpcf7 input[type="password"],
.wpcf7 input[type="datetime"],
.wpcf7 input[type="search"],
.wpcf7 input[type="number"],
.wpcf7 input[type="color"],
.wpcf7 input[type="email"],
.wpcf7 input[type="range"],
.wpcf7 input[type="month"],
.wpcf7 input[type="date"],
.wpcf7 input[type="text"],
.wpcf7 input[type="week"],
.wpcf7 input[type="time"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 textarea,
.wpcf7 select {
    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.25);
    font-family: 'Open Sans', sans-serif;
    border: 2px solid #4A4A4A;
    background: #FFFFFF;
    border-radius: 4px;
    letter-spacing: 0;
    line-height: 24px;
    font-size: 16px;
    color: #4A4A4A;
    height: 40px;
}
.wpcf7 .wpcf7-form-control.wpcf7-submit.btn-bt.default {
    font-family: 'Open Sans', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #338c89;
    padding: 22px 100px;
    border-radius: 50px;
    font-weight: 400;
    color: #fff;
}
.wpcf7 select {
    margin-bottom: 30px;
    width: 100%;
}
.wpcf7 textarea {
    height: 150px;
}
/* END Contact Forms */

/* Header Styles */ 	/* Header Styles */ 	/* Header Styles */ 	/* Header Styles */

/* Logo Left + Nav Right */
.site-header {
    background-color: transparent;
}
header {
    z-index: 1;
}
#top-menu li {
    padding: 24px 10px; /* Work with the top/bottom padding to make it fill out to the top/bottom edge of the .top-header */
}
ul#top-menu li a {
    padding: 0;
}
body .left-right-header .site-branding {
    padding: 0;
    top: 15px; /* this will need adjusting based on header height + logo size! */
}
body .left-right-header .navigation-top {
    background: transparent;
    position: relative;
    border-bottom: 0;
    border-top: 0;
    float: right;
    width: 86%;
}
.left-right-header .nav-and-button {
    float: right;
}
@media (min-width: 980px) {
    .top-header.left-right-header nav {
        padding-right: 15px;
        float: left;
    }
}
.left-right-header .header-button {
    float: left;
}
.left-right-header .header-button .btn-default {
    position: relative;
    top: 12px;
}
body .left-right-header .logo {
    float: left;
    width: auto;
}
.left-right-header .menu-toggle {
    font-size: 43px;
    display: block;
    margin-top: 0;
    float: right;
    padding: 0;
}
.left-right-header .menu-toggle .icon {
    margin-right: 0;
    top: 0;
}
.left-right-header .menu-toggle:hover,
.left-right-header .menu-toggle:focus {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.left-right-header .menu-toggle:focus {
    outline: none;
}
@media (max-width: 979px) {
    .left-right-header .header-button {
        margin-right: 25px;
    }
    body .left-right-header .menu-toggle {
        margin-top: 12px;
    }
    .left-right-header .header-button .btn-default {
        top: 10px;
    }
    .left-right-header nav#site-navigation {
        position: absolute;
        width: 100%;
        left: 0;
    }
    .js .left-right-header .main-navigation.toggled-on > div > ul {
        background: rgba(0, 0, 0, 0.94);
        display: block !important;
        padding: 10px 30px;
    }
    .left-right-header .main-navigation.toggled-on ul#top-menu li a {
        color: #FFF;
    }
    .left-right-header .main-navigation.toggled-on ul.top-menu {
        display: block !important;
    }
}
/* End Logo Left + Nav Right */

/* Logo Top + Nav Bottom */

.top-bottom-header .site-branding {
    padding: 0;
}
.top-bottom-header .logo {
    justify-content: center;
    padding: 15px 0px;
    display: flex;
    width: 100%;
}
.top-bottom-header .navigation-top {
    background: transparent;
    position: relative;
    max-width: 980px;
    border-bottom: 0;
    margin: 0 auto;
    border-top: 0;
    width: 100%;
}
.top-bottom-header .nav-and-button {
    border-top: 2px solid #bababa;
    justify-content: center;
    display: flex;
}
.top-bottom-header .header-button {float: left;}
.top-bottom-header .navigation-top nav {float: left;}
.top-bottom-header .header-button .btn-default {
    position: relative;
    top: 12px;
}
.js .top-bottom-header .main-navigation.toggled-on > div > ul {
    display: block !important;
    background: rgba(0, 0, 0, 0.94);
    padding: 10px 30px;
}
@media (max-width: 979px) {
    body .top-bottom-header .menu-toggle {margin: 0px 0px 0px 0px;}
    .top-bottom-header .header-button .btn-default {top: 0px;}
    .top-bottom-header .menu-toggle .icon {margin-right: 0;}
    .top-bottom-header .header-button {margin-right: 25px;}
    .top-bottom-header .nav-and-button {padding: 15px 0px;}
    .top-bottom-header .navigation-top {max-width: 300px;}
    .top-bottom-header nav#site-navigation {
        position: absolute;
        width: 100%;
        left: 0;
    }
}
/* End Logo Top + Nav Bottom */

/* Logo Left + Hamburger Right */
body .hamburger-header .site-branding {
    padding: 0;
    top: 15px; /* this will need adjusting based on header height + logo size! */
}
body .hamburger-header .navigation-top {
    background: transparent;
    position: relative;
    border-bottom: 0;
    border-top: 0;
    float: right;
    width: 86%;
}
.hamburger-header .nav-and-button {
    float: right;
}
.top-header.hamburger-header nav {
    float: left;
}
.hamburger-header .header-button {
    margin-right: 25px;
    float: left;
}
.hamburger-header .header-button .btn-default {
    position: relative;
    top: 12px;
}
body .hamburger-header .logo {
    float: left;
    width: 14%;
}
@media (min-width: 1px) {
    .js .hamburger-header .menu-toggle {
        font-size: 43px;
        display: block;
        float: right;
        padding: 0;
    }
    .hamburger-header .main-navigation ul ul.toggled-on {
        display: block;
    }
    .hamburger-header .menu-toggle .icon {
         margin-right: 0;
         top: 0;
    }
    .hamburger-header .menu-toggle:hover,
    .hamburger-header .menu-toggle:focus {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .hamburger-header .menu-toggle:focus {
        outline: none;
    }
    .hamburger-header .dropdown-toggle.toggled-on .icon {
        -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
        -ms-transform: rotate(-180deg); /* IE 9 */
        transform: rotate(-180deg);
    }
    .hamburger-header .toggled-on .menu-toggle .icon-bars,
    .hamburger-header .menu-toggle .icon-close {
        display: none;
    }
    .js .hamburger-header .main-navigation ul,
    .hamburger-header .main-navigation .menu-item-has-children > a > .icon,
    .hamburger-header .main-navigation .page_item_has_children > a > .icon,
    .hamburger-header .main-navigation ul a > .icon {
        display: none !important;
    }
    .js .hamburger-header .main-navigation.toggled-on > div > ul {
        background: rgba(0, 0, 0, 0.94);
        display: block !important;
        padding: 10px 30px;
    }
    .hamburger-header .main-navigation.toggled-on ul#top-menu li a {
        color: #FFF;
    }
    .hamburger-header .main-navigation.toggled-on ul.top-menu {
        display: block;
    }
}
@media (min-width: 980px) {
    .hamburger-header nav#site-navigation {
        position: absolute;
        width: 100%;
        left: 0;
    }
    .js .hamburger-header .main-navigation.toggled-on ul.sub-menu {
        display: block !important;
    }
    .js .hamburger-header .main-navigation.toggled-on li .dropdown-toggle {
        display: block;
        left: 14px;
        top: 35px;
    }
}
@media (max-width: 979px) {
    .hamburger-header .main-navigation ul ul.toggled-on {display: block !important;}
    .js .hamburger-header .main-navigation.toggled-on ul.sub-menu {display: none;}
    .hamburger-header .header-button .btn-default {top: 10px;}
    body .hamburger-header .menu-toggle {margin-top: 12px;}
    .hamburger-header nav#site-navigation {
        position: absolute;
        width: 100%;
        left: 0;
    }
}
/* End Logo Left + Hamburger Right */

/* Nav Left + Logo Middle + Nav Right */
@media (min-width: 980px) {
    .nav-left-logo-mid-nav-right .container {
        justify-content: space-between;
        display: flex;
    }
    .nav-left-logo-mid-nav-right .left-menu,
    .nav-left-logo-mid-nav-right .right-menu {
        width: 42.5%;
    }
    .nav-left-logo-mid-nav-right .logo {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        min-width: 207px;
        width: 15%;
    }
    .nav-left-logo-mid-nav-right ul#right-menu,
    .nav-left-logo-mid-nav-right ul#left-menu {
        justify-content: space-between;
        display: flex;
    }
    .nav-left-logo-mid-nav-right .site-branding {
        padding: 11px 0;
    }
}

.nav-left-logo-mid-nav-right #right-menu li,
.nav-left-logo-mid-nav-right #left-menu li {
    padding-top: 14px;
}
.nav-left-logo-mid-nav-right button.vds-menu-toggle {
    z-index: 1000;
}

.nav-left-logo-mid-nav-right #left-menu li:last-child {
	margin-right: auto;
}
.nav-left-logo-mid-nav-right #right-menu li:first-child {
    margin-left: auto;
}
.nav-left-logo-mid-nav-right button.vds-menu-toggle {
	position: absolute;
	bottom: 18px;
	color: white;
	right: 10px;
}
.nav-left-logo-mid-nav-right .site-branding {
	padding: 12px 0;
}
/* End Nav Left + Logo Middle + Nav Right */

/* END Header Styles */ 	/* END Header Styles */ 	/* END Header Styles */ 	/* END Header Styles */

/* Top Banners */
.home .row.default-header {
    text-align: center;
}
body:not(.home) .row.default-header .page-title h1 {
    margin-bottom: 0;
}
.row.default-header {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}
body .row.default-header .wrapper {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
    width: 90%;
}
/* END Top Banners */

/* FROM STRUCTURE.CSS FILE */	/* FROM STRUCTURE.CSS FILE */	/* FROM STRUCTURE.CSS FILE */	/* FROM STRUCTURE.CSS FILE */

/* Parallax */
@media (min-width:979px) {
    .add-parallax {
        background-attachment: fixed !important;
    }
}
/* END Parallax */

/* Menu Pages */
/* Note that this is ONLY for pages built using the Menu page template and ACF tabs builder */
#menu-page .vds-builder .wrapper {max-width: 1440px;margin: 0 auto;clear: both;width: 90%;}
#menu-page .vds-builder .wrapper::after {display: table;content: "";clear: both;}
#menu-page .row.tabs-template {padding-bottom: 60px;padding-top: 45px;}
#menu-page .menu-section-title {padding:50px 0;margin: 0;}
#menu-page .tabs {justify-content: center;display: flex;}
#menu-page .tabs .tab-link {width: 215px;}
#menu-page .item-description {width: 60%}
#menu-page .menu-cta {padding: 94px 0;}
#menu-page .item-price {width: 15%;}
#menu-page table {margin-bottom: 0;}
#menu-page .item-name {width: 25%;}
#menu-page td {padding: 7px;}
/* Active Tab */
#menu-page .tab-link.current {}
/* Hover State */
#menu-page .tab-link:hover {}
/* Tab Width and centering */
#menu-page .tab-content {}
/* Natural tab state */
#menu-page .tab-link {}

@media (max-width: 979px) {
    #menu-page table,#menu-page thead,#menu-page tbody,#menu-page th,#menu-page td,#menu-page tr {display: block;}
    #menu-page  .menu-wrapper td:nth-child(3) {text-align: right;margin-top: 10px;flex: 50%;order: 2;}
    #menu-page .menu-wrapper td:nth-child(1) {margin-top: 10px;flex: 50%;order: 1;}
    #menu-page  .menu-wrapper td:nth-child(2) {margin: 10px 0;order: 3;}
    #menu-page .menu-wrapper tr {display: flex;flex-wrap: wrap;}
    #menu-page .menu-wrapper td {width: 100%;padding: 0;}
    #menu-page .tabs {flex-direction: column;}
    #menu-page .tabs .tab-link {width: 100%;}
}
/* END Menu Pages */

/* Widgets */
div.widget ul li,
div.widget ol li {
    border-bottom: none;
    border-top: none;
}
/* END Widgets */

/* Span Structure */
@media (min-width: 980px) {
    .bakery .vc_col-sm-6:not(.vc_col-has-fill):nth-child(1) {
        padding-right: 2.5%;
    }
    .bakery .vc_col-sm-6:not(.vc_col-has-fill):nth-child(2) {
        padding-left: 2.5%;
    }
}
.span6 {
    float: left;
    width: 50%;
}
.span6.left {
    float: left;
    width: 50%;
}
.span6.right {
    float: right;
    width: 50%;
}
.span3 {
    float: left;
    width: 25%;
}
/* END Span Structure */

/* Footer */
footer#footer .row {
    padding-bottom: 20px;
    padding-top: 40px;
}
footer#footer a:hover,
footer .widget a {
    box-shadow: none;
}
footer#footer.site-footer {
    border-top: none;
	margin-top: 0;
}
footer .widget {
    padding: 0;
}
footer .widget {
    margin-bottom: 15px;
}
footer .widget h5 {
    margin-bottom: 5px;
}
footer ul.social li a {
    transition: 0.3s ease-in-out;
}
footer ul.social li a:hover {
    transition: 0.3s ease-in-out;
}
/* END Footer */

/* Copyright Row */
@media (min-width: 769px) {
	.copyright .container {
		display: flex;
	}
}
.copyright-text.centered p {
    text-align: center;
    margin: 0;
}
.copyright ul.social {
    line-height: 21px;
}
.copyright ul.social li a i {
    font-size: 16px;
}
.copyright-text.span6.left p {
	margin-bottom: 0;
}

.copyright-links {
	padding-left: 5px;
}

.copyright-links a {
	color: black;
}

@media (max-width: 768px) {
    .copyright .span6 {
        float: none !important;
        width: 100% !important;
    }
    div.row.copyright .span6 p,
    div.row.copyright .span6 ul {
        text-align: center;
        float: none;
    }
    .copyright .span6 {
        clear: both;
    }
}
/* END Copyright Row */

/* Responsive */
@media (max-width: 979px) {
    body footer#footer a {
        box-shadow: none;
    }
    ul#top-menu {
        border: none;
    }
    a.btn-bt.default {
        padding: 15px 30px !important;
    }
    body .menu-toggle {
        margin-top: -8px;
        font-size: 47px;
        line-height: 1;
        float: right;
        padding: 0;
    }
    header ul#top-menu li a {
        padding-bottom: 15px;
        padding-top: 15px;
        font-size: 14px;
    }
    body .menu-toggle:focus {
        outline: none;
    }
    .top-widget .span6.left,
    .top-widget .span6.right {
        width: 45%;
    }
    .top-widget .span6.right {
        float: right;
    }
    .span3 {
    	padding: 0 30px;
    	width: 100%;
    	float: left;
	}
}
/* END Responsive */ 

/* Header */

.mobile-only {
	display: none;
}

.twentyseventeen-front-page.has-header-image .site-branding {
	margin-bottom: 0px;
}

.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
	position: relative;
}

.row.default-header .page-title h1 {
    color: #ffffff;
    font-size: 42px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-top: 140px;
	text-align: center;
}

body .left-right-header .navigation-top {
	width: auto;
}

@media (min-width: 980px) {
	.logo {
    	margin-top: 20px;
	}
	
	body .left-right-header .navigation-top {
		margin-top: 25px;
	}
}

@media (max-width: 1200px) {
	#top-menu li {
    	padding: 15px 5px;
	}
	
	.logo a img {
    	height: 35px !important;
	}
	
	ul#top-menu li a {
    	font-size: 12px;
	}
}

@media (max-width: 979px) {
	body .left-right-header .logo {
    	float: none;
    	width: 100%;
    	margin: 0px auto;
    	text-align: center;
    	display: flex;
    	padding-top: 35px;
	}
	
	 body .left-right-header .navigation-top {
    	margin-top: -90px;
		 width: 100%;
		 padding: 0px 20px !important;
	}
	
	.site-branding {
    	width: 100%;
		padding: 0px 20px !important;
	}
	
	.mobile-only {
		display: block;
	}
	
	.phone-icon-mobile {
		float: left;
    	color: #ffffff !important;
    	font-size: 32px;
    	margin-top: 10px;
	}
}

/*home page */

h1.hero {
    padding-top: 0px;
    color: #ffffff;
    font-weight: 600;
    font-size: 75px;
    margin-bottom: 0px;
}

h3.hero {
    margin-bottom: 0px;
    color: #ffffff;
}

h2.hero {
    padding: 0px;
    color: #ffffff;
    font-weight: 600;
}

.new-homes-now-column h3.hero {
    font-size: 26px;
}

.new-homes-now-column h2.hero {
    font-size: 45px;
	margin-bottom: 14px;
}

p.white {
	color: #ffffff;
}

p.disclaimer {
    font-size: 12px;
    color: grey;
}

.home-header-row {
	padding: 0px !important;
	height: 900px;
}

.blue-slanted {
    text-align: right;
}

.bottom-cta-row {
    background-blend-mode: overlay;
    background-color: rgba(42, 57, 66,0.8);
	height: 500px;
}

.wpcf7 input[type="datetime-local"], .wpcf7 input[type="password"], .wpcf7 input[type="datetime"], .wpcf7 input[type="search"], .wpcf7 input[type="number"], .wpcf7 input[type="color"], .wpcf7 input[type="email"], .wpcf7 input[type="range"], .wpcf7 input[type="month"], .wpcf7 input[type="date"], .wpcf7 input[type="text"], .wpcf7 input[type="week"], .wpcf7 input[type="time"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 textarea, .wpcf7 select {
    box-shadow: none;
    font-family: 'Open Sans', sans-serif;
    border: none;
    background: #FFFFFF;
    border-radius: 0px;
    letter-spacing: 0;
    line-height: 16px;
    font-size: 16px;
    color: #4A4A4A;
    height: 45px;
    padding: 10px;
    width: 150px;
    margin: 0px 10px;
}

.wpcf7 .wpcf7-form-control.wpcf7-submit.btn-bt.default {
    background-color: #205DAB;
    color: #fff;
    display: block;
    margin: 0px 10px;
    padding: 15px;
    text-align: center;
    border-radius: 0;
}

a.btn-white {
    display: block;
    background-color: #ffffff;
    width: 200px;
    text-align: center;
    padding: 10px;
    color: #0F3045;
    font-weight: 600;
}

.copyright-column {
    display: flex;
    float: right;
}

footer#footer p {
	padding-left: 10px;
	margin-bottom: 0px;
}

p.copyright-text {
	margin-top: 20px;
	font-size: 10px;
}

@media (min-width: 980px) {
	.home-header-row .container {
    	max-width: 100%;
    	width: 100%;
	}
	
	.blue-slanted {
   	 	-webkit-clip-path: polygon(0 0%, 100% 0, 100% 90%, 0% 30%);
    	clip-path: polygon(0 0%, 100% 0, 100% 90%, 0% 30%);
    	padding: 30px 50px 195px 50px;
		background-color: rgba(104, 177, 229,0.75) !important;
	}
	
	#wpcf7-f365-p214-o1 form.wpcf7-form {
    	display: flex;
    	justify-content: center;
	}
	
	.contact-form-row {
	    margin-top: -171px;
		margin-bottom: -57px;
	}
	
	.offers-more-column .vc_column-inner {
		padding-left: 50px !important;
	}
	
	.blue-overlay-bottom {	
    	-webkit-clip-path: polygon(0 0%, 100% 0, 45% 100%, 0% 100%);
    	clip-path: polygon(0 0%, 100% 0, 45% 100%, 0% 100%);
    	padding: 130px 150px 150px 70px;
    	background-color: rgba(104, 177, 229,0.75) !important;
	}
	
	.bottom-cta-row .container {
    	max-width: 100%;
    	width: 100%;
	}
	
	.bottom-cta-row {
		padding: 0px !important;
	}
	
	.disclaimer-row .container {
    	width: 90%;
    	max-width: 100%;
	}
	
	img.home-image {
    	width: 95%;
	}
}

@media (max-width: 979px) {
	.blue-slanted {
		padding-top: 30px;		
	}
	
	.contact-form-row {
		background-color: #ADB2B5;
		padding: 10px 0px !important;
	}
	
	.wpcf7 input[type="datetime-local"], .wpcf7 input[type="password"], .wpcf7 input[type="datetime"], .wpcf7 input[type="search"], .wpcf7 input[type="number"], .wpcf7 	input[type="color"], .wpcf7 input[type="email"], .wpcf7 input[type="range"], .wpcf7 input[type="month"], .wpcf7 input[type="date"], .wpcf7 input[type="text"], .wpcf7 input[type="week"], .wpcf7 input[type="time"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 textarea, .wpcf7 select {
    	border-bottom: 1px solid #ffffff;
    	background: transparent !important;
    	color: #ffffff;
    	width: 100%;
    	margin: 0px;
	}
	
	.wpcf7 .wpcf7-form-control.wpcf7-submit.btn-bt.default {
    	width: 100%;
    	margin: 0px auto;
}
	
	::-webkit-input-placeholder { /* WebKit browsers */
		color: #fff !important;
		opacity: 1;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #fff !important;
		opacity: 1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #fff !important;
		opacity: 1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color: #fff !important;
		opacity: 1;
	}
	
	p.submit-p {
    	margin-bottom: 0px;
	}
	
	.new-homes-now-column {
    	padding-top: 75px;
	}
	
	.vc_col-sm-6.span6.footer-right,
	.vc_col-sm-6.span6.footer-left{
    	width: 100%;
	}
	
	img.footer-logo {
		margin: 0 auto;
    	display: block;
	}
	
	.copyright-column {
    	display: flex;
    	float: none;
		justify-content: center;
	}
	
	footer#footer p {
    	font-size: 8px;
	}
	
	img.wp-image-1911 {
    	float: left;
    	margin: 0px;
    	height: 30px;
    	width: auto;
	}
	
	
	p.copyright-text {
		margin-top: 10px;
		font-size: 8px;
	}
}

@media (max-width: 480px) {
	h1.hero {
    	font-size: 35px;
		text-shadow: 1px 1px 1px #000000;

	}

	h3.hero {
		font-size: 18px;
		text-shadow: 1px 1px 1px #000000;
	}

	h2.hero {
		font-size:  18px;
		text-shadow: 1px 1px 1px #000000;
	}
	
	.new-homes-now-column h3.hero {
    	font-size: 18px;
	}

	.new-homes-now-column h2.hero {
    	font-size: 35px;
		margin-bottom: 14px;
	}
	
	.home-header-row,
	.bottom-cta-row {
    	height: 280px;
		background-blend-mode: overlay;
    	background-color: rgba(42, 57, 66,0.8);
	}
	
	.new-homes-now-column {
    	padding-top: 0px;
	}
}


/* Tabs */

.clickable-tabs .inactive {
    background-color: #C7C7C7;
    color: #ffffff;
    padding: 10px 15px;
    margin-left: 10px;
}

.clickable-tabs div {
    background-color: #1C60A8;
    color: #ffffff;
    padding: 10px 15px;
    margin-left: 10px;
}

.clickable-tabs {
	display: flex;
    justify-content: space-evenly;
    margin: 20px 0px;
}

.tabs-content {
    background-color: #7E7E7E;
    color: #ffffff;
    padding: 20px 70px;
	height: auto;
}

.tabs-content ul li {
	color: #ffffff;
}

img.site-plan-image {
    width: auto;
    height: 500px !important;
    margin: 0 auto;
}

/* slider arrows */
.slick-prev {
    left: -60px;
}

.slick-next {
    right: -60px;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 60px;
    line-height: 1;
    opacity: 1;
    color: #1C60A8;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev, .slick-next {
	width: 60px;
	height: 60px;
}

.slick-prev, .slick-next {
    top: 15%;
}

.accordion-trigger {
	margin-bottom: 20px;
}

@media (max-width: 1200px) {
	.slick-prev:before, .slick-next:before {
    	font-size: 45px;
	}
	
	.slick-next {
    	right: -52px;
	}
	
	.slick-prev {
    	left: -52px;
	}
}

/* content inside accordions */

@media (max-width: 979px) {
	.home-image-slider img {
    	width: 100%;
    	padding-bottom: 20px;
	}
	
	.home-block .slider-side,
	.home-block .stats-side {
    	width: 100% !important;
	}
	
	.clickable-tabs .inactive,
	.clickable-tabs div {
		margin-left: 0px;
    	margin-top: 10px;
	}
	
	.clickable-tabs {
    	display: block;
    	margin: 10px 0px;
	}
	
	.slick-next {
    	right: 22px;
	}
	
	.slick-prev {
    	left: 8px;
    	z-index: 999;
	}

	.slick-prev, .slick-next {
    	top: 400px;
	}
	
	.slick-prev:before, .slick-next:before {
    	font-size: 30px;
		color: #ffffff;
	}
	
	.slick-track {
    	height: 2100px !important;
	}
	
	img.site-plan-image {
    	width: auto;
    	height: auto !important;
    	margin: 0 auto;
	}
}

@media (max-width: 480px) {
	.slick-track {
    	height: 1850px !important;
	}
	
	.slick-prev, .slick-next {
    	top: 200px;
	}
	
	.tabs-content ul li {
    	color: #ffffff;
    	font-size: 12px;
	}
	
	.tabs-content {
    	padding: 30px;
	}
	
	body p, body li {
    	font-size: 12px;
	}
}

/* Hide Address */

.full-stat.address {
    display: none;
}

@media (max-width: 979px) {
    .nav-phone {
        display: none;
    }
}
.home-Lanai .price, .home-Gavelston .price {
    display: none;
}