/* ******* LANDING PAGE ****** */

/* remove breadcrumbs from landignpage template */
.landingpage .breadcrumbs,
.page-template-template_landingpage #top-nav,
.page-template-template_landingpage #header-container {
	display: none !important;
}

.landingpage #main {
	padding-top: 5px;
}


#vclandingpage {
	position: relative;
    padding: 40px 20px 0;
}


#vclandingpage #vclcontent * {
	line-height: 1.8em !important;
	max-width: 768px;
	margin: 0 auto;
	padding-top: 20px;
	display: block;
}

@media only screen and (min-width: 1200px) {
	#vclandingpagea .vcllogob,
	#vclandingpageb .vcllogob {
		max-width: 200px;
		position: absolute !important;
		top: 35px;
		left: 20px;
		z-index: 100;
	    height: 1px;
    }
}


/* Logo common controls */

#vclandingpage .vcllogoa,
#vclandingpage .vcllogob {
	position: relative;
	max-width: 280px;
	padding: 10px;
    margin: 0px auto;
    display: none;
	/* ********* 3) change logo background color. The choices are White, Black, or transparent needed for transparent logos when they do not appear well on a similar colored background */
}

#vclandingpage .vcllogoa img,
#vclandingpage .vcllogob img {
	padding: 30px 10px 20px;
	margin: 5px auto;
    max-width: 250px;
}



/* ********  Text settings ********* */

#vclandingpage #vclcontent * {
	/* ******** 4)  Text Color 3 choices - White, Black, Blue(valchoice blue) ******** */
	color: white;
	/* ******** 5)  Text Alignment 2 choices - Center and Justify Left ******** */
	text-align: center;
}

#vclandingpage #vclcontent .vcltitle {
	font-size: 35px !important;
         padding-top:30px;
}

#vclandingpage #vclcontent .vclstate {
	font-size: 40px !important;
}

#vclandingpage #vclcontent .vclsubtitle {
	font-size: 24px !important;
}

#vclandingpage #vclcontent .vclcta {
	font-size: 20px !important;
    padding-bottom:30px;
}



@media only screen and (max-width: 768px) {
	#vclandingpage #vclcontent * {
		line-height: 1.5em !important;
		padding: 10px 10px !important;
		 
	}

    #vclandingpage {
        background-image: none !important;
        /* ****** 1b) Background color for mobile - install a color picker and ability to type in binhex# ***** */
        background-color: #0c3a63;
        padding: 0;
    }

    #vclandingpage .vcllogoa {
        display: contents !important;
    }
    
    #vclandingpage .vcllogob {
        display: none !important;
	}
	
	body {
		background-image: none !important;
    }

    body.full-width #content {
        padding: 0 15px;
    }

    body.full-width #footer {
        padding: 0;
        padding-left: 15px;
    }

    #footer-container {
        position: static !important;
    }
}

#footer-container {
    background-color: rgb(0,0,0,0);
}

#copyright { 
    float: none;
}

#copyright p {
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #vclandingpage #vclcontent .vcltitle {
        padding-top: 120px;
    }

    #vclandingpage #vclcontent * {
        padding-top: 50px;
    }

	#vclandingpage {
		/* ******** 1a) pick a background image from our library or upload your own image OR choose no photo and use the mobile background color ***** */
		background-size: cover;
		background-repeat: no-repeat !important;
		background-size: cover !important;
        background-position: top left 0px !important;
        background-color: rgb(0,0,0,0) !important;
	}
}



#vc-logo-info {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    display: none;
}

#vc-logo {
    float: left;
    width: 175px;
    margin-left: auto;
    margin-right: auto;
}

#vc-info {
    margin-left: 200px;
    font-size: 0.8em;
    line-height: 1.5em;
    padding-top: 10px;
}


@media (max-width: 768px) {
    #vc-logo {
        float: none;
    }

    #vc-info {
        margin-left: 0;
    }
}

.vc_button_auto.yellow,
.vc_button_home.yellow {
    background: #eacd73;
    background-image: linear-gradient(to bottom, #eed78e, #d4a81f);
}

.vc_button_auto.yellow a,
.vc_button_home.yellow a {
    color: black !important;
}

.vc_button_auto:active a,
.vc_button_home:active a {
    text-shadow: 0px 0px 6px #705810;
    background: none;
}

.vc_button_auto.yellow:hover,
.vc_button_home.yellow:hover {
    background: #d4a81f;
    background-image: linear-gradient(to bottom, #d4a81f, #eed78e);
}

.vc_button_auto.yellow:hover a,
.vc_button_home.yellow:hover a {
    color: black !important;
}

#vclandingpage #vclcontent span.noorphan {
    display: inline;
    white-space: nowrap;
    color: inherit;
}

@media (max-width: 375px) {
    #vclandingpage #vclcontent span.noorphan {
        white-space: normal;
    } 
}