/*
Theme Name: lknsbn
Template: generatepress
*/

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

.site-header {}

.site-logo {}

.header-image {}

.header-widget {max-width: 100%; width: 80%; margin: 0% 10% 0% 10%;}

.main-navigation {}

.site-main {}

.separate-containers .inside-article {}

.entry-content{}

.widget-title {}



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

#card {float: left; border: 1px solid #000; margin: 10px 5px 10px 5px; height: auto; padding-bottom: 5px;}
#vcard {float: left; border: 1px solid #000; margin: 10px 5px 10px 5px; width: 336px; height: auto; padding-bottom: 5px;}

#caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0px;
	line-height: 1.7;
}
h2.pname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 5px 0px 5px 0px;
	line-height: 1.7;
}

h2.bname {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 5px 0px 5px 0px;
	line-height: 1.7;
}
h2.category {
	text-align: center;
	padding-top: 15px;
	border-top: 5px solid #b3b3b3;
}
h4 {
	text-align: center;
}

.card {
	float: left;
	text-align: center;
	border: 1px solid #c6c6c6;
	padding: 0.5%;
	margin: 1% 0.5% 1% 0.5%;
}
.vcard {
	float: left;
	text-align: center;
	border: 1px solid #c6c6c6;
	padding: 0.5%;
	height: auto;
	margin: 1% 0.5% 1% 0.5%;
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
img.bizcard {
	width: 300px;
	padding: 0px;
	border-bottom: 1px solid #000;	
}
img.card {
	width: 300px;
	padding: 0%;
}
img.vcard {
	width: 211px;
	padding-bottom: 6px;
	margin: 0px 44px 0px 44px;	
	
}
.goback {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-style: italic;
	font-size: 12px;
	margin: 10px 0px 10px 0px;
}
.goback a {
	color: #093;
}
.goback2 {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}

.telno {font-size: 13px;}
.email {font-size: 13px;}

p.goletter {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin: 10px 15px 10px 15px;
	line-height: 2.0;
}
.goletter a {
	color: #F93;
}
.goletter a:hover {
	color: #0A5894;
}
p.getvisual {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}


/************************************************
**  
**  Media Queries / Responsive Styles Section
**
************************************************/

/* When the screen width is less than 470px */
@media only screen and (max-width: 470px) {
.card {width: 97%; height: auto;}
.vcard {width: 77%; padding: 3% 10% 3% 10%; height: auto;}
img.card {width: 98%; padding: 3% 0% 3% 1%;}
img.vcard {width: 69%; padding: 3% 0% 3% 0%;}
#button {width: 94%;}
.buttonarea {width: 94%; margin: 0% 0% 5% 3%;}
.telno {font-size: 13px; line-height: 2.0;}
.email {font-size: 13px; line-height: 2.0;}
.desktop {display: none;}
h1 {float: none; text-align: center;}
#smbuttons {float: left; width: 70%; margin: 5% 15% 0% 15%;}
}

/* When the screen width is between 470px and 650px */
@media only screen and (min-width: 470px) and (max-width: 650px){
.card {width: 97%; height: auto;}
.vcard {width: 73%; padding: 3% 13% 3% 14%; height: auto;}
img.card {width: 86%; padding: 3% 0% 3% 7%;}
img.vcard {width: 61%; padding: 3% 0% 3% 0%;}
#button {width: 94%;}
.buttonarea {width: 94%; margin: 0% 0% 5% 3%;}
.telno {font-size: 13px; line-height: 2.0;}
.email {font-size: 13px; line-height: 2.0;}
.desktop {display: none;}
h1 {float: none; text-align: center;}
#smbuttons {float: left; width: 70%; margin: 5% 15% 0% 15%;}	
}


/* When the screen width is between 651px and 900px */
@media only screen and (min-width: 651px) and (max-width: 900px){
.goback {display: none;}
.card {width: 47.5%; height: auto;}
.vcard {width: 47.5%; padding: 0% 0% 0% 0%; height: auto;}
img.card {width: 90%; padding: 3% 0% 3% 5%;}
img.vcard {width: 65%; padding: 3% 0% 3% 0%;}
#button {width: 94%;}
.buttonarea {width: 94%; margin: 0% 0% 5% 3%;}
.telno {font-size: 13px; line-height: 2.0;}
.email {font-size: 13px; line-height: 2.0;}
.desktop {display: none;}
h1 {float: none; text-align: center;}
#smbuttons {float: left; width: 30%; margin: 1% 0% 0% 35%;}
}

/* When the screen width is between 900px and 1060px */
@media only screen and (min-width: 900px) and (max-width: 1060px){
.card {width: 31.0%; height: auto;}
.vcard {width: 31.0%; padding: 0% 0% 0% 0%; height: auto;}
img.card {width: 98%; padding: 3% 0% 3% 1%;}
img.vcard {width: 65%; padding: 3% 0% 3% 0%;}
.mobile, .goback {display: none;}
}

/* When the screen width is greater than 1060px */
@media only screen and (min-width: 1060px){
.mobile, .goback {display: none;}
}