/*
Theme Name: vlogic
Template: generatepress
*/

body {}

/************************************************
**  
**  GeneratePress Tweaks Section
**
************************************************/

.site-logo {}
.site-branding {}


#site-navigation button {background: none; color: #003057}
#site-navigation button:hover {color: #003057;}

.main-title a {color: #252f37;}
.main-title a:hover {color: #252f37;}
.main-title a:visited {color: #252f37;}
.site-description {margin-top: 15px; font-weight: 600; font-style: italic;}
.site-content {max-width: 1100px; margin: 0 auto;}
.copyright-bar a {color: #f8991d;}

.siteinfo a {color: #f8991d;}
.siteinfo a:hover {color: #ffffff;}

.right-sidebar li {font-size: 15px;}

a.blogreadmore:hover {color: #000;}

/************************************************
**  
**  Custom Styles Section
**
************************************************/

h1.homepg {
	color: #242f65;
	font-size: 24px;
	font-weight: 600;
	margin: 0px 0px 15px 0px;
	border-bottom: 2px solid #242f65;
}
h1.aboutus {
	color: #242f65;
	display: none;
}
h1.logicalchoice {
	text-align: center;
	border: none;
	font-weight: bold;
	font-size: 28px;
	margin-bottom: 50px;
}
h2.logicalchoice {
	text-align: left;
	border-top: 2px solid #242f65;
	font-weight: bold;
	padding-top: 10px;
}
h2.homepg {
	color: #242f65;
	font-size: 24px;
	font-weight: 600;
	margin: 30px 0px 15px 0px;
	border-bottom: 2px solid #242f65;
}
h2.homepg2 {
	color: #242f65;
	font-size: 24px;
	font-weight: 600;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
h3.homepg {
	text-align: center;
	margin-bottom: 20px;
	font-weight: 600;
}
.onecol {
	float: left;
	width: 100%;
	margin: 1% 0% 1% 0%;
}
.threecol {
	float: left;
	width: 30.9%;
	padding: 2% 0% 2% 0%;
	margin: 1%;
	max-width: 350px;
	border: 1px solid #cccccc;
	border-radius: 10px;
}
.divider {
	float: left;
	width: 100%;
	padding: 0px 0px 25px 0px;
}
.divider-home1 {
	float: left;
	width: 100%;
	padding: 0px 0px 25px 0px;
	border: 1px solid #f00;
}
.dividerline {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid #242f65;
}
a.redbutton {
	padding: 6px 10px 6px 10px;
	background-color: #c4212d;
	color: #fff;
	font-weight: bold;
}
a.bluebutton {
	padding: 6px 20px 6px 20px;
	background-color: #242f65;
	color: #fff;
	font-weight: bold;
}
a.bluebutton:hover {
	background-color: #3156a0;
}
p.redbutton {
	margin: 0px;
	text-align: center;
}
p.redbuttonleft {
	text-align: left;
}
p.center {
	text-align: center;
}
.quoted {
	padding: 1% 2% 1% 2%;
	margin: 0% 5% 0% 5%;
	background-color: #f2f2f2;
}
.quoted2 {
	padding: 1% 2% 1% 2%;
	margin: 0% 5% 0% 30%;
	background-color: #f2f2f2;
}
.quoted3 {
	padding: 1% 2% 1% 2%;
	margin: 0% 35% 3% 5%;
	background-color: #f2f2f2;
}
.quoted3b {
	padding: 1% 2% 1% 2%;
	margin: 0% 20% 3% 20%;
	background-color: #f2f2f2;
}

img.zimmerman {
	float: left;
	margin: 10px 20px 10px 0px;
}
img.goldston {
	float: right;
	margin: 10px 0px 10px 10px;
}
.excerptimage {
	float: right;
	width: 250px;
	margin: 10px 0px 15px 15px;
}
.heromobile {
	width: 106%; margin-left: -3%;
}
p.tribe-events-widget-link {display: none;}

.adbg {
	background: -moz-linear-gradient(#33acda, #257d9e); /* For Firefox 3.6 to 15 */
    background: -webkit-linear-gradient(#33acda, #257d9e); /* For Safari 5.1 to 6.0 */ 
	background: -o-linear-gradient(#33acda, #257d9e); /* For Opera 11.1 to 12.0 */  
   	background: linear-gradient(45deg, #568bbb, #8bc5cb, #568bbb); /* Standard syntax */
	
	float: left;
	width: 90%;
	padding: 5%;
	font-size: 150%;
}
.threer {
	float: left;
	width: 96%;
	background-color: #497993;
	color: #fff;
	font-size: 180%;
	text-align: center;
	padding: 2%;
}
#custom_html-4 {
	font-size: 14px;
	line-height: 1.3;
}
p.home-resource {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
a.home-resource {
	color: #f89c24;
	font-weight: 600;
	text-decoration: none;
}
.resource-arrow {
  position: absolute;
  bottom: 20px;
  padding-right: 12px;
  font-weight: 400;
  margin: 10px 15px 0px 0;
  display: inline-block;
  cursor: pointer;
  font-size: 15px;
  line-height: 19px;
  border: 1px solid transparent;
  color: #f7981d !important;
  background-image: url('https://www.veeva.com/wp-content/uploads/2018/10/button-arrow-orange.png');
  background-repeat: no-repeat;
  background-position: right center;
}

/* Contact Form 7 */
.wpcf7-form {
	background: none;
	width : 97%;
	max-width: 500px;
	overflow: hidden;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
 }
.wpcf7-form-control-wrap {
	margin: 0px;
	padding: 0px;
}
.wpcf7-form h2 {
    font-size : 18px;
    text-align: center;
}
.wpcf7-form input, .wpcf7-form textarea {
    border-color: #808080 #C0C0C0 #C0C0C0 #D4D4D4;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    line-height: 1.5;
    font-size: 15px;
    width: 97%;
    float: none;
    margin: 5px 0px 0px 0px;
}
.wpcf7-form input {
    line-height: 1.5;
	color: #000;
    font-size: 15px;
    height: auto;
}
.wpcf7-form textarea {
    line-height: 1.5;
    font-size: 15px;
    height: 120px;
}
.wpcf7-form p {
    font-size : 16px;
    margin: 0px 0px 20px 0px;
    padding: 0 0 0px 0px;
    color: #000;
}
.wpcf7-form label {
	color: #000;
	font-size : 16px;	
}
.wpcf7-form-control.wpcf7-submit {
 	margin-left: 0px;
	color: #fff;
	background-color: #242f65;
	border: none;
	width: auto;
	height: auto;
	padding: 8px;
}
.wpcf7-form-control.wpcf7-submit:hover {
 	color: #fff;
	background-color: #3156a0;
}
	
/************************************************
**  
**  Media Queries / Responsive Styles Section
**
************************************************/

/* When the screen width is less than 500px */
@media only screen and (max-width: 500px) {
	.excerptimage {float: left; width: 60%; margin: 0% 20% 2% 20%;}
}

/* When the screen width is less than 600px */
@media only screen and (max-width: 600px) {
	
	
}

/* When the screen width is greater than 600px */
@media only screen and (min-width: 600px){
	
}

/* When the screen width is less than 770px */
@media only screen and (max-width: 770px) {
	.threecol {width: 96%; margin: 2% 2% 2% 2%; max-width: 800px;}
	#site-navigation {width: 100%;}
	
}