/* @override http://rmwebsite.com/zollmansurgery/blog/wp-content/themes/zollmansurgery/style.css */

/*
Theme Name: Zollman Plastic Surgery
Theme URI: http://zollmansurgery.com
Description: The default WordPress theme based for Zollman Surgery.
Version: 2.0
Author: Rosemont Medida
Author URI: http://www.rosemontmedia.com/
*/

.shareBtns p a {
  border: 1px solid;
  border-radius: 5px;
  display: inline-block;
  font-size: 30px;
  height: 30px;
  margin-right: 5px;
  padding: 10px;
  text-align: center;
  width: 30px;
}

#column-left .post h2, #blog #column-left h1 {
	margin-bottom: 20px!important;
	font-size: 1.5em;
}

.metaData {
	font-size: .9em;
}

.hidden-desktop {
    display: none !important;
}

.visible-desktop {
    display: block !important;
}

#column-left form.seaforms{
	margin-left: 70px;
}

#column-left form.seaforms .submit-btn{
	width: 100px;
	height: 35px;
}

/* ------------------------blog framework ------------------------ */

/* Captions & aligment */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-left: 60px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* End captions & aligment */

#commentsDiv {
	clear: both;
	margin: 30px 20px 30px 35px;
	padding-top: 20px;
}

#commentsDiv h3, #commentsDiv p {
	margin: 0px;
}

#commentsDiv input, #commentsDiv textarea {
	border: 1px solid #6779C3;
	font-size: 12px;
	color: #6779C3;
	height: 25px;
	line-height: 25px;
}

#commentsDiv textarea {
	width: 500px;
	height: 150px;
}

input#submit {
	height: 25px;
	line-height: 20px;
	width: 150px;
	color: #042b5e;
	background-color: #fff;
}

#comments {
	margin-bottom: 20px!important;
}

#respond {
	margin-top: 20px!important;	
}

.commentlist {
	border-bottom: 1px solid #fff;
}

.commentlist li, #commentform input, #commentform textarea {
	font-size: 0.9em;
}

.commentlist li {
	padding: 20px;
	border-top: 1px solid #fff;
}
	
.commentlist li p {
	margin-top: 10px!important;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-style: normal;
	font-size: 1.1em;
	color: #fff;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

.commentmetadata {
	font-weight: normal;
}
	
.alt {
	background-color: #042b5e!important;
}

#commentform p {
	margin-bottom: 10px!important;
}

h3#respond {
	margin-bottom: 20px;
}

/* ------------------------gallery framework ------------------------ */

.case {
	width: 514px;
	margin: 10px 0 30px 60px;
}

.caseSmall {
	width: 434px;
	margin: 0 auto 30px;
}

.case a img, .caseSmall a img {
	background-color: #fff;
	border: 1px solid #B34AA9;
	padding: 5px;
	margin: 0 5px 0 0!important;
	float: left;
}

.case a img {
	float: left;
}

.caseImages {
	margin-bottom: 5px;
}

.case a img:last-child, .caseSmall a img:last-child {
	margin-right: 0px;
}

.case span, .caseSmall span {
	float: left;
	width: 210px;
	color: #878270;
	text-indent: 25px;
	margin-bottom: 5px;
}

a.btnMore {
	background: #fff url("images/moreBullet.jpg") 405px center no-repeat;
	height: 25px;
	line-height: 25px;
	display: block;
	clear: both;
	text-indent: 10px;
	border: 1px solid #B34AA9;
	color: #B34AA9;
	text-decoration: none;
}

.btnMore:hover {
	text-decoration: underline;
}

ul#galleryNav {
	font-size: 13px;
	font-family: "Times New Roman";
	margin: 0;
	padding: 0;
}

#galleryNav li {
	padding: 3px;
	background-color: #eae5d1; 
	border: 1px solid #dacfb4;
	margin-bottom: 2px;
}

#galleryNav li.title {
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Times New Roman";
	color: #000;
	background: none;
	padding: 0px;
	border: none;
	margin: 5px 0px;
}

#galleryNav a {
	color: #000;
	text-decoration: none;
}

#galleryNav a:hover {
	color: #000;
	text-decoration: underline;
}

.caseParagraph {
	margin-bottom: 30px;
	margin-left:60px;
}

.nextPat {
	float: right;
	width: 30px;
}

.prevPat {float: left;
width: 30px;}


























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


	.hidden-phone {
	    display: none !important;
	}

	.visible-phone {
	    display: block !important;
	}

	body { 
		text-align:center; 
		font: 12px Helvetica, Arial, Verdana, sans-serif;
		line-height: 19px;
		background: #fceafa;
		width: 100%;
		max-width: 767px;
		min-width: 320px;
	}

	#wrap {
	    background: none;
	    width:100%; 
	}

	#wrap-gradient {
	    background: none;
	    width: 100%;
	    padding-bottom: 0;
	}

	#noflash-bg {
	    display: none;
	}

	.mob-header{
		background: url(../images/mob-header.jpg) no-repeat top center;
	    height: 374px;
	}

	#column-left {
	    width: 100%;
	    float: none;
	}

	body#index #subhead {
	    background: none;
	    height: auto;
	}

	#qualifications {
	    background: none;
	    width: 100%;
	    color: #481442;
	    letter-spacing: 1px;
	}

	#qualifications-gradient {
	    background: none;
	    width: 100%;
	    padding-top: 0;
	}

	#qualifications-gradient ul{
		list-style: outside;
		margin: 0 40px!important;
	}

	#qualifications-gradient ul li{
		font-weight: normal;
		padding-left: 0;
		letter-spacing: normal;
	}

	#procedures-overview {
	    display: none;
	}

	#financing-options {
	    display: none;
	}

	#column-right {
	    display: none;
	}

	#subhead-meet-the-doctor {
	    height: auto;
	    background: none;
	}

	#subhead-meet-the-doctor span, body#index #subhead span{
		display: block;
		margin: 40px 20px 10px;
		color: #b546ab;
		font-family: 'Times New Roman', serif;
		font-size: 18px;
	}

	body#index #column-left img.img-right{
		float: none;
		margin: 0 auto;
	}

	span.doc-pic{
		display: block!important;
		width: 177px;
		height: 194px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}
	span.doc-pic img{
		position: absolute;
	    right: -29px;
	    top: 0;
	}

	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
	    margin: 0 20px 18px 20px;
	}

	body#index h1, body#index h2{
		font: 12px Helvetica, Arial, Verdana, sans-serif;
		color: #55164B;
		font-weight: bold;
	}

	span.special-mobile{
		text-align: center;
	}

	#header-graphic{
		display: none;
	}

	body#index #nav-01 { background:none; }
	body#dr-zollman #nav-02 { background:none; }

	body#breast #nav-03 { background:none; }
	body#breast-implant #nav-03 { background:none; }
	body#breast-lift #nav-03 { background:none; }
	body#reduction #nav-03 { background:none; }
	body#reconstruction #nav-03 { background:none; }

	body#body #nav-04 { background:none; }
	body#liposuction #nav-04 { background:none; }
	body#abdominoplasty #nav-04 { background:none; }
	body#body-lift #nav-04 { background:none; }
	body#buttock #nav-04 { background:none; }

	body#brow-lift #nav-05 { background:none; }
	body#facelift #nav-05 { background:none; }
	body#eyelid-surgery #nav-05 { background:none; }

	body#implants #nav-06 { background:none; }
	body#botox #nav-07 { background:none; }
	body#laser #nav-08 { background:none; }
	body#other-procedures #nav-09 { background:none; }
	body#gallery #nav-10 { background:none; }
	body#financing-surgery #nav-11 { background:none; }
	body#contact-zollman #nav-12 { background:none; }

	.mobile-menu:after{
		content: " ";
		position: relative;
		display: block;
		height: 62px;
		width: 100%;
		background: url(../images/mob-header.jpg) no-repeat top center;
	}

	body#blog .mobile-menu:after{
		background: url(images/mob-header.jpg) no-repeat top center;
	}

	

	body#dr-zollman #subhead { background:none; }
	body#breast #subhead { background:none; }
	body#breast-implant #subhead  { background:none; }
	body#breast-lift #subhead { background:none; }
	body#reconstruction #subhead { background:none; }
	body#reduction #subhead { background:none; }
	body#body-lift #subhead { background:none; }
	body#abdominoplasty #subhead, body#testimonials-pg #subhead { background:none; }
	body#buttock #subhead { background:none; }
	body#liposuction #subhead { background:none; }
	body#facelift #subhead, body#macs #subhead { background:none; }
	body#brow-lift #subhead { background:none; }
	body#eyelid-surgery #subhead { background:none; }	
	body#implants #subhead { background:none; }
	body#botox #subhead { background:none; }
	body#injectables #subhead { );background:none; }
	body#laser #subhead { background:none; }
	body#other-procedures #subhead { background:none; }
	body#gallery #subhead, body#blog #subhead { background:none; }
	body#financing-surgery #subhead { background:none; }
	body#contact-zollman #subhead { background:none; }
	body#thankyou #subhead { background:none; }
	body#sitemap #subhead { background:none; }
	body#pt-review #subhead { background:none; }
	body#coolsculpting #subhead { background:none; }


	/* ------- Nav -------- */

	  .mobile-menu {
	    width: 100%;
	    height: 62px;
	    background-image: url(../images/mob-nav-bg.jpg);
	    background-repeat: repeat-x;
	    background-color: #65165a;
	    display: block;
	    font-size: 0;
	    text-align: center;
	  }
	  .mobile-menu span {
	    width: 25%;
	    height: 100%;
	    display: inline-block;
	    vertical-align: top;
	    background: url(../images/menu-divide.jpg) left center no-repeat;
	  }
	  .mobile-menu span a {
	  	padding-top: 10px;
	    text-align: center;
	    display: block;
	    height: calc(100% - 5px);
	    text-decoration: none;
	    color: #ffffff;
	  }
	  .mobile-menu span a svg {
		height: 23px;
	    width: auto;
	    vertical-align: middle;
	  }
	  .mobile-menu span a svg path {
	    fill: #ffffff;
	  }
	  .mobile-menu span a p {
	    margin: 0;
	    line-height: 23px;
	    font-size: 12px;
	    text-transform: capitalize;
	  }

	  #nav1 li a:hover,
	  #nav1 li a:active {
	    background: none;
	  }

	  #nav, #loc-menu, #call-menu {
	    background: none #58134e;
	    display: block;
	    position: absolute;
	    overflow: hidden;
	    left: 0;
	    top: 62px;
	    width: 100%;
	    z-index: 10000;
	    max-height: 0;
	    height: auto;
	    -webkit-transition: max-height .75s;
	    transition: max-height .75s;
	    width: 100%;
	    min-width: 100%;
	    float: none;
	    margin: 0;
	  }

	  #nav.active, #loc-menu.active, #call-menu.active {
	    left: 0;
	    max-height: 622px;
	    height: auto;
	  }

	  #loc-menu li, #call-menu li{
		display: inline-block;
	  }

	  #loc-menu li a, #call-menu li a{
	  	text-indent: 0;
	  	font-size: 14px;
	  	color: #ffffff;
	  	margin: 0 5px 10px;
	  }

	  #nav li {
	    display: block;
	    float: none;
	    border-bottom: 1px solid #65165a;
	    line-height: 40px;
	    padding: 0 15px;
	  }

	  nav a{
	  	text-indent: 0;
	  }

	  #nav li:hover {
	    background-image: none!important;
	    background-color: #65165a;
	  }
	  #nav li:hover a {
	    background-image: none!important;
	    background-color: #65165a;
	  }

	  #nav a {
		padding: 0;
		text-decoration: none;
	  }

	  #nav li, #nav a {
		width: auto;
		height: auto;
		height: 40px;
	  }

	  #nav li ul {
	    display: none;
	  }
	  
	#nav li ul, #nav li ul li {
	    width: 100%;
	}
	#nav li ul{
		border-top: 1px solid #ffffff;
		max-height: 0;
		-webkit-transition: max-height .75s;
	    transition: max-height .75s;
	    overflow: hidden;
	}
	#nav li ul li{
		border-width: 0 0 1px 0;
		height: auto;
	}
	#nav li ul li a{
		line-height: normal;
		height: auto;
	}
	#nav li ul.active {
	    padding-right: 0;
	    position: static;
	    display: block;
	    max-height: 622px;
	}

	#nav li:hover ul {
	    left: -9999px;
	}

	body#index #nav-01{
		background: none;
	}

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

	#nav span{
		display: inline-block;
		color: #ffffff;
	}



	#animationBtn {
	    float: none;
	    margin-left: 20px;
	}





	body#contact-zollman #column-left form {
	    width: calc(100% - 40px);
	    margin: 0 20px 18px 20px;
	    overflow: hidden;
	}

	#contact-main label {
	    width: 100%;
	    position: relative;
	    display: block;
	    text-align: left;
	    margin-bottom: 10px;
	    font-size: 1.0em;
	}

	#contact-main label input, #contact-main label textarea, #contact-main label select {
	    width: 90%;
	    position: relative;
	    left: 0;
	    top: 0;
	    display: block;
	}

	#contact-main label.boxes {
	    width: 100%;
	    text-align: left;
	    float: none;
	    height: auto;
	}

	#verif_box{
		margin-top: 10px !important;
	}

	input.submit-contact-main {
	    margin: 10px 0 30px 0;
	}

.case {
    width: 100%;
    margin: 0;
}

.caseSmall {
	width: 434px;
	margin: 0 auto 30px;
}

.case a img, .caseSmall a img {
	background-color: #fff;
	border: 1px solid #B34AA9;
	padding: 5px;
	margin: 0 5px 0 0!important;
	float: left;
}

#column-left #gallery{
	margin: 0 20px; 
}

.caseSmall{
	width: 100%;
}

.caseSmall a img{
	width: 43%;
}

.case a img {
	float: left;
	width: 43%;
}

.caseImages {
	margin-bottom: 5px;
}

.case a img:last-child, .caseSmall a img:last-child {
	margin-right: 0px;
}

.case span, .caseSmall span {
	float: left;
	width: 210px;
	color: #878270;
	text-indent: 25px;
	margin-bottom: 5px;
}

a.btnMore {
	background: #fff url("images/moreBullet.jpg") 405px center no-repeat;
	height: auto;
	line-height: normal;
	display: block;
	clear: both;
	text-indent: 0;
	padding: 6px 10px;
	border: 1px solid #B34AA9;
	color: #B34AA9;
	text-decoration: none;
}

.btnMore:hover {
	text-decoration: underline;
}



	#footer {
	    width: 100%;
	    background: #65165a;
	    padding: 40px 0;
	}

	#footer ul{
		display: none;
	}

}