html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus { outline: 0;
}
html {
min-width: 10px;
height: 100%;
-webkit-text-size-adjust: 100%;
-webkit-appearance: none;
}
p {
margin: 1em 0;
}
sup {
vertical-align: super;
font-size: smaller;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
width: 100%;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
blockquote {
font-family: 'Open Sans', serif;
padding: 5px 35px;
border-left: 5px solid #ebebeb;
margin: 10px 100px;
font-size: 28px;
text-align: center;
font-weight: normal;
}
blockquote span {
font-style: italic;
font-weight: normal;
color: #072859;
}
blockquote p {
margin: 10px 0 !important;
}
em, i {
font-style: italic;
}
hr {
border-width: 0;
}
hr {
border: 0;
clear: both;
height: 1px;
background: #bdbdbd;
margin: 3em 0;
}
hr.style-eight {
font-family: 'Open Sans';
padding: 0;
border: none;
color: #072859;
text-align: center;
}
hr.style-eight::after {
content: "§";
display: inline-block;
position: relative;
top: -0.7em;
font-size: 1.5em;
padding: 0 0.25em;
background: white;
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
a {
text-decoration: underline;
}
.content-wrapper a { font-weight: 800 !important;}
a:hover {
text-decoration: none;
}
a img {
border: 0;
}
img, a img {
}
.cufon-loading {
display: none;
visibility: hidden;
}
.clear {
clear: both;
}
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
.margin-balance {
display: block;
margin: 20px auto;
text-align: center;
clear: both;
}
.resp {
max-width: 100%;
height: auto;
}
.divider {
float: left;
margin: 0;
position: relative;
display: block;
height: 3px;
background: #4D778A;
width: 100%;
clear: both;
}
.alignleft {
float: left;
margin: 10px 30px 20px 0;
}
.alignright {
float: right;
margin: 10px 0 20px 30px;
}
.aligncenter {
float: none;
margin: 15px auto !important;
display: block;
} body {
background-color: #fff;
background-attachment: scroll;
text-align: left;
color: #333;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 18px;
text-transform: none;
-moz-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
}
.wrapper,
.wrapper-1024,
.wrapper-1280,
.wrapper-1600,
#one-column #primary {
padding: 0 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.wrapper {
margin: 0 auto;
width: 100%;
max-width: 1280px;
min-width: 10px;
}
.wrapper-1600 {
margin: 0 auto;
width: 100%;
max-width: 1600px;
min-width: 10px;
}
.wrapper-1280 {
margin: 0 auto;
width: 100%;
max-width: 1280px;
min-width: 10px;
}
.wrapper-1024 {
margin: 0 auto;
width: 100%;
max-width: 1024px;
min-width: 10px;
}
#main {
background-color: #fff;
width: 100%;
min-height: 700px;
padding-bottom: 0;
display: block;
position: relative;
margin: 0;
} @font-face {
font-family: 'icomoon';
src:url(//mohsdermhouston.com/wp-content/themes/texasderm/fonts/icomoon.eot?i38w3y);
src:url(//mohsdermhouston.com/wp-content/themes/texasderm/fonts/icomoon.eot?i38w3y#iefix) format('embedded-opentype'),
url(//mohsdermhouston.com/wp-content/themes/texasderm/fonts/icomoon.ttf?i38w3y) format('truetype'),
url(//mohsdermhouston.com/wp-content/themes/texasderm/fonts/icomoon.woff?i38w3y) format('woff'),
url(//mohsdermhouston.com/wp-content/themes/texasderm/fonts/icomoon.svg?i38w3y#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-google-plus:before {
content: "\78";
}
.icon-blogger:before {
content: "\62";
}
.icon-facebook:before {
content: "\66";
}
.icon-linkedin:before {
content: "\69";
}
.icon-yelp:before {
content: "\70";
}
.icon-instagram:before {
content: "\72";
}
.icon-twitter:before {
content: "\74";
}
.icon-foursquare:before {
content: "\75";
}
.icon-vimeo:before {
content: "\76";
}
.icon-youtube:before {
content: "\79";
}
.icon-pinterest:before {
content: "\64";
}
.icon-tumblr:before {
content: "\77";
} h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
font-weight: 400;
word-wrap: break-word;
font-family: 'Cinzel', serif;
text-transform: uppercase;
margin: 0.5em 0;
}
.fancy {
line-height: 0.5;
text-align: center;
}
.fancy span {
display: inline-block;
position: relative;
}
.fancy span:before,
.fancy span:after {
content: "";
position: absolute;
height: 5px;
border-top: 1px solid #735744;
top: 10px;
width: 130%;
}
h2.fancy span:before,
h2.fancy span:after {
content: "";
position: absolute;
height: 5px;
border-top: 1px solid #735744;
top: 5px;
width: 145%;
}
#one-column .fancy span:before,
#one-column .fancy span:after {
content: "";
position: absolute;
height: 5px;
border-top: 1px solid #735744;
top: 10px;
width: 235%;
}
#one-column h2.fancy span:before,
#one-column h2.fancy span:after {
content: "";
position: absolute;
height: 5px;
border-top: 1px solid #735744;
top: 5px;
width: 260%;
}
.fancy span:before {
right: 100%;
margin-right: 15px;
}
.fancy span:after {
left: 100%;
margin-left: 15px;
} h1, h2, h3, h4, h5, h6 {
color: #4E2D21;
text-transform: uppercase;
}
#content h1, #content h2, #content h3 {
border-bottom: none;
}
h1 {
font-size: 2.625em; }
h1 {
padding: 0 0 5px;
font-size: 64px;
}
h1 a {
text-decoration: none;
}
h2 {
padding: 0 0 5px;
font-size: 38px;
}
h3 {
padding: 0 0 5px;
font-size: 32px;
}
h4 {
font-size: 30px;
}
h5 {
font-size: 24px;
}
h6 {
font-size: 20px;
}
.wp-caption-text {
text-align: center;
}
.wp-caption-text span {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 18px;
} a {
color: #7e493b;
font-weight: normal;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #333;
outline: 0;
text-decoration: none;
}
a.margin {
margin-left: 40px;
}
#pdf {
background: url(//mohsdermhouston.com/wp-content/themes/texasderm/img/icon-pdf.png) no-repeat left center;
padding: 0 0 0 20px;
}
::-moz-selection {
background: #7e493b;
color: #fff;
text-shadow: none;
}
::selection {
background: #7e493b;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #7e493b;
color: #fff;
text-shadow: none;
}
a.button:after {
content: '';
}
a.btn-primary,
.widget .wpcf7 input[type="submit"],
#primary .wpcf7 input[type="submit"],
.float-box .wpcf7 input[type="submit"] {
background: #7ab506;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 400;
color: #fff;
border: 0;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
text-transform: uppercase;
padding-top: 	1.25rem;
padding-bottom: 1.25rem;
-webkit-transition: 	all 0.1s linear;
-moz-transition: 		all 0.1s linear;
-ms-transition: 		all 0.1s linear;
-o-transition: 			all 0.1s linear;
transition: 			all 0.1s linear;
}
a.btn-primary:hover,
a.btn-primary:focus,
.widget .wpcf7 input[type="submit"]:hover,
#primary .wpcf7 input[type="submit"]:hover,
.float-box .wpcf7 input[type="submit"]:hover {
background: #411D14;
color: #fff;
border: 0;
cursor: pointer;
outline: 0;
box-shadow: 		0 0 0 4px #fff, 0 0 0 6px #7ab506;
-moz-box-shadow: 		0 0 0 4px #fff, 0 0 0 6px #7ab506;
-webkit-box-shadow: 	0 0 0 4px #fff, 0 0 0 6px #7ab506;
}
a.btn-secondary,
#respond input#submit {
background: #7e493b;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
color: #fff;
border: 1px solid #7e493b;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
text-transform: uppercase;
}
a.btn-secondary:hover,
a.btn-secondary:focus,
#respond input#submit:hover {
background: transparent;
border: 1px solid #7e493b;
color: #7e493b;
}
.widget .wpcf7 input[type="submit"] {
width: 100% !important;
}
.float-box {
background: #6c0045;
position: fixed;
z-index: 99999;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 20px;
right: -85%;
top: 30%;
width: 85%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.float-box.hidden-reveal {
background: #6c0045;
position: fixed;
z-index: 99999;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 20px;
right: 0;
top: 30%;
width: 65%;
}
.float-box p {
color: #fff;
text-align: center;
margin: 0 0 1em 0;
}
.float-box a.clicker {
background: transparent url(//mohsdermhouston.com/wp-content/themes/texasderm/img/clicker.png) no-repeat scroll left top;
background-size: 58px 100%;
position: absolute;
display: block;
height: 100%;
left: -58px;
top: 0;
color: #fff;
}
.float-box a.clicker span {
font-size: 16px;
position: relative;
display: block;
top: 140px;
right: 55px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.float-box a.clicker span:before {
content: '';
display: block;
position: absolute;
left: 30px;
top: 20px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);
}
.float-box img {
max-width: 80%;
height: auto;
margin: 0 auto;
display: block;
}
.float-box .wpcf7 p {
width: 100%;
float: left;
display: block;
position: relative;
margin: 0 0 0.5em 0;
}
.float-box .wpcf7 input,
.float-box .wpcf7 textarea {
color: #333;
text-transform: lowercase;
font-size: 14px;
width: 100%;
padding: 8px;
border: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.float-box .wpcf7 input[type="submit"] {
margin: -3px 0px 0px;
display: block;
}
.float-box .wpcf7 input[type="submit"]:hover {
}
.float-box .wpcf7 img.ajax-loader {
position: absolute;
z-index: 999;
top: 6px;
right: 12px;
}
.float-box .wpcf7 textarea {
height: 75px;
resize: none;
}
.float-box address p,
.float-box address a {
text-align: left;
}
.float-box address a,
.float-box .links a {
color: #fff;
}
.float-box .links a {
display: block;
font-size: 18px;
padding: 25px 0;
border-bottom: 1px solid #fff;
}
.float-box .links a:last-child {
border: 0;
}
.float-box .links a::before {
content: '» ';
display: inline;
}
.float-box a:hover,
.float-box .links a:hover {
text-decoration: underline;
}
.float-box .col {
border-left: 1px solid #fff;
}   #header {
background: transparent;
position: absolute;
z-index: 9999;
width: 100%;
}
#header .top {
background: rgba(255, 255, 255, 0.9);
}
#site-logo {
float: left;
padding: 0 5px;
margin: 0;
}
#site-meta {
float: right;
text-align: right;
line-height: 16px;
margin: 8px 15px 0 0;
}
#logo {
background: transparent;
margin: 0;
position: relative;
}
#logo img {
max-width: 100%;
height: auto;
}
#logo h1 {
color: #7e493b;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.site-name {
display: block;
font-size: 2.063em; line-height: 1.0em;
padding-top: 20px;
}
.site-name a {
color: #7e493b;
font-weight: 700;
font-size: 28px;
}
.site-description {
color: #0e3087;
display: block;
font-size: 22px;
font-style: italic;
font-weight: 400;
}
.boxed .wrapper {
padding: 0;
}    section.home-content {
background: #fff url(//mohsdermhouston.com/wp-content/themes/texasderm/img/bg-home.jpg) no-repeat center center;
-webkit-background-size: 	cover;
-moz-background-size: 		cover;
-o-background-size: 		cover;
background-size: 			cover;
padding: 3em 0;
} section.services {
padding: 6rem 0;
background: #fff url(//mohsdermhouston.com/wp-content/themes/texasderm/img/bg-services.jpg) center center no-repeat;
background-size: cover;
}
.circle,
.score-text h3,
.score-text p {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.circle {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 90%;
position: relative;
}
.circle-border {
border: 1px solid black;
}
.circle-solid {
background: #a2a1a1;
}
section.services .cols:nth-child(1) .circle-solid {
background: rgba(126, 74, 59, 0.95);
}
section.services .cols:nth-child(2) .circle-solid {
background: rgba(84, 52, 43, 0.95);
}
section.services .cols:nth-child(3) .circle-solid {
background: rgba(70, 34, 25, 0.95);
}
section.services .cols:nth-child(4) .circle-solid {
background: rgba(52, 19, 11, 0.95);
background: url(//mohsdermhouston.com/wp-content/themes/texasderm/img/serv-bg.jpg) no-repeat center 0;
background-size: cover !important;
}
.circle-solid:hover {
background: #7e493b;
}
.circle-solid:hover h3 {
color: #fff;
}
.circle:before {
content: "";
display: block;
padding-top: 100%;
}
.score-text {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
line-height: 1em;
font-size: 1em;  
display: block;
padding: 5%;
border-bottom: 5px solid transparent;
}
.score-text,
.score-text i {
-webkit-transition: 	all 0.3s ease-in-out;
-moz-transition: 		all 0.3s ease-in-out;
-ms-transition: 		all 0.3s ease-in-out;
-o-transition: 			all 0.3s ease-in-out;
transition: 			all 0.3s ease-in-out;
}
.circle-solid .score-text i {
background: #7AB506;
color: #fff;
font-size: 18px;
padding: 0.75rem;
position: absolute;
display: block;
right: 0;
bottom: 0;
opacity: 0;
}
.circle-solid:hover .score-text i {
opacity: 1;
}
.circle-solid:hover .score-text {
border-bottom: 5px solid #7AB506;
}
.score-text-border {
border: 2px solid transparent;
position: relative;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.score-text h3 {
color: #fff;
font-weight: 400;
font-size: 1.33vw;
line-height: 1.5;
margin: 0;
padding: 0;
width: 100%;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
}
.score-text h3 span {
}
.score-text p {
opacity: 0;
text-align: center;
font-size: 14px;
padding: 65px 20px;
}
.score-text p span {
color: #215670;
display: block;
font-weight: bold;
margin-bottom: 0.5em;
}
.reveal {
opacity: 1 !important;
}
.dissapear {
opacity: 0;
} section.reviews {
background: url(//mohsdermhouston.com/wp-content/themes/texasderm/img/bg-review.jpg) no-repeat center center;
background-size: cover;
padding: 8rem 0;
}
section.reviews h4 {
font-size: 30px;
color: #fff;
text-transform: uppercase;
text-align: center;
margin: 3rem 0 1rem 0;
padding: 0;
}
section.reviews .cols .box,
section.reviews .cols .box a.arrow {
-webkit-transition: 	all 0.3s linear;
-moz-transition: 		all 0.3s linear;
-ms-transition: 		all 0.3s linear;
-o-transition: 			all 0.3s linear;
transition: 			all 0.3s linear;
}
section.reviews .cols .box {
background: rgba(126, 74, 59, 0.95);
padding: 3rem;
border-bottom: 5px solid transparent;
position: relative;
}
section.reviews .cols .box a.arrow {
position: absolute;
right: 0;
bottom: 0;
color: #fff;
background: #7ab506;
padding: 10px 20px;
font-size: 30px;
opacity: 0;
}
section.reviews .cols .box:hover a.arrow {
opacity: 1;
}
section.reviews .cols .box:hover {
border-bottom: 5px solid #7ab506;
}
section.reviews .cols .box::before {
content: '';
background: #7ab506 url(//mohsdermhouston.com/wp-content/themes/texasderm/img/quote.png) no-repeat center center;
width: 75px;
height: 75px;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: -37px;
}
section.reviews .cols:last-child .box {
background: rgba(84, 52, 43, 0.95);
}
section.reviews blockquote {
color: #fff;
border: 0;
font-size: 20px;
font-style: italic;
margin: 0 auto;
max-width: 90%;
}
section.reviews blockquote span {
color: #fff;
display: block;
font-size: 20px;
margin-top: 2rem;
font-style: normal;
}
section.reviews blockquote span::before {
content: '';
background: #fff;
height: 2px;
width: 5%;
margin: 0 auto;
display: block;
margin-bottom: 0.5rem;
} section.meet {
background: #fff url(//mohsdermhouston.com/wp-content/themes/texasderm/img/logo-transp.png) center center no-repeat;
padding: 5rem 0;
}
section.meet h3 {
letter-spacing: 3px;	
}
section.meet h3 span {
font-size: 36px;
font-weight: 400;
display: block;
color: #7e493b;
}
section.meet h3 span {
font-family: Goudy Old Style,Garamond,Big Caslon,Times New Roman,serif;
color: #7e493b;
font-size: 36px;
z-index: 3;
position: relative;
padding: 0 1rem;
text-transform: none;
}
section.meet h4 {
color: #7e493b;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
font-weight: 400;
text-transform: none;
text-align: center;
margin: 0 0 1em 0;
line-height: 1.45;
}
section.meet h4 span {
display: block;
font-size: 18px;
}
section.meet a {
text-transform: uppercase;
} section.contact {
background: #fff url(//mohsdermhouston.com/wp-content/themes/texasderm/img/contact-bg.jpg) no-repeat center top;
background-size: cover;
padding: 100px 0;
position: relative;
}
section.contact h3 {
font-family: 'Cinzel', serif;
font-size: 48px;
color: #fff;
text-transform: uppercase;
margin: 0;
padding: 0;
}
section.contact address,
section.contact p,
section.contact a {
color: #fff;
font-weight: 500;
font-size: 24px;
}
section.contact .cols {
margin: 35px 0;
}
section.contact p,
section.contact a {
display: inline-block;
}
section.contact .highlight a {
font-weight: 700;
font-size: 24px;
}
section.contact address a {
}
section.contact .highlight a:hover,
section.contact address a:hover {
text-decoration: underline;
} section.tabs {
padding: 5rem 0;
}
section.tabs a,
section.tabs a img {
-webkit-transition: 	all 0.3s ease-in-out;
-moz-transition: 		all 0.3s ease-in-out;
-ms-transition: 		all 0.3s ease-in-out;
-o-transition: 			all 0.3s ease-in-out;
transition: 			all 0.3s ease-in-out;
}
section.tabs a img {
opacity: 1;
}
section.tabs a:hover img {
opacity: 0.8;
}   #nav-wrapper {
background: #fff;
width: 100%;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.home .header-bar {
background: #2e3133;
position: absolute;
display: block;
width: 100%;
float: left;
height: 36px;
bottom: 0;
}
.header-bar {
background: rgba(0,0,0,0.8);
position: absolute;
display: block;
width: 100%;
float: left;
height: 36px;
bottom: 0;
}
#access {
background: rgba(64, 29, 20, 0.9);
display: block;
width: 100%;
position: relative;
z-index: 9999;
margin-top: 0;
}
.inside-page #access {
}
#access,
.sf-menu,
.sf-menu a {
height: 50px;
}
.sticky-wrapper {
position: relative;
width: 100%;
float: left;
}
#access.sticky-reveal {
opacity: 1;
top: -100px;
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
}
#access.stuck {
display: block;
width: 100%;
position: fixed;
z-index: 999999;
margin: 0;
left: 0;
top: 0;
box-shadow: 0px 3px 6px rgba(0,0,0,.2);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.2);
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.2);
-webkit-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
padding-top: 0;
}
.sf-menu a {
background: none;
color: #fff;
font-family: 'Open Sans', Helvetica, sans-serif;
font-weight: 400;
font-size: 14.5px;
text-transform: uppercase;
display: block;
line-height: 50px;
position: relative;
padding: 0 15px;
text-decoration: none;
zoom: 1;
margin: 0;
margin: 0;
}
.sf-menu > li > a {
}
.sf-menu a:hover,
.hover {
color: #fff !important;
background-color: #7e493b !important;
text-decoration: none;
}
.sf-menu li.menu-item-has-children a {
} .stuck .sf-menu a {
}
#access #searchform {
float: right;
width: 225px;
padding: 5px 10px;
}
#access #searchform input[type="text"] {
background: #5a606e;
color: #fff;
border: 0;
border-radius: 4px;
-webkit-border-radius: 4px;
width: 160px;
padding: 7px;
}
#access #searchform input[type="submit"] {
background: url(//mohsdermhouston.com/wp-content/themes/texasderm/img/search-button.png) no-repeat left top;
border: 0;
padding: 5px;
height: 26px;
width: 40px;
}
#access #searchform input[value="Search"] {
color: #232B3D;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
#access #searchform input[type="submit"]:hover {
opacity: 0.8;
cursor: pointer;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none; left: 0;
z-index: 99;
top: 50px;
}
.stuck .sf-menu ul {
position: absolute;
display: none;
top: 50px;
left: 0;
z-index: 99;
}
.stuck .sf-menu ul ul {
position: absolute;
display: none;
top: 0 !important;
left: 0;
z-index: 99;
top: 55px;
}
.sf-menu > li {
float: none;
padding-bottom: 45px; display: inline-block; margin-left: -5px;
}
.sf-menu > li:hover {
cursor: pointer;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu ul ul {
background: #7e493b;
top: 0;
left: 100% !important;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.sf-menu ul ul ul {
background: #555;
}
.sf-menu ul ul ul li a:hover {
background: #fff !important;
color: #111 !important;
} .sf-arrows.sf-navbar ul .sf-with-ul:after {
margin-top: -3px;
margin-right: 0;
border-color: transparent;
border-top-color: #dFeEFF; border-top-color: rgba(255,255,255,.5);
}
.sf-arrows.sf-navbar ul > li > .sf-with-ul:focus:after,
.sf-arrows.sf-navbar ul > li:hover > .sf-with-ul:after,
.sf-arrows.sf-navbar ul > .sfHover > .sf-with-ul:after {
border-color: transparent;
border-top-color: white;
}
.sf-menu {
margin: 0 auto;
width: 100%;
text-align: center;
margin-left: 0%;
}
.stuck .sf-menu {
margin: 0 auto;
width: 100%;
text-align: center;
}
.sf-menu ul {
background: rgba(81, 50, 42, 0.8);
box-shadow: 3px 6px 6px rgba(0,0,0,.3);
-webkit-box-shadow: 3px 6px 6px rgba(0,0,0,.3);
-moz-box-shadow: 3px 6px 6px rgba(0,0,0,.3);
min-width: 12em; *width: 12em; ;
}
.sf-menu ul ul li a {
color: #fff !important;
}
.sf-menu ul ul li a:hover {
color: #fff !important;
background: #212121 !important;
}
.sf-menu > li:first-child > a {
}
.sf-menu > li:last-child a {
border: none;
}
.sf-menu li.current_page_item a,
.sf-menu li.current_menu_item a {
}
.sf-menu li {
background: none;
white-space: nowrap; *white-space: normal; height: auto;
}
.sf-menu li:hover {
}
.sf-menu ul li a,
.sf-menu ul li:first-child a {
background: none;
}
.sf-menu li li a:hover {
background: #7e493b !important;
color: #fff !important;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li:hover a,
.sf-menu li.sfHover a { -webkit-transition: none;
transition: none;
} .sf-arrows .sf-with-ul {
padding-right: 2.5em;
*padding-right: 1em; ;
} .sf-arrows .sf-with-ul:after {
content: '';
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
height: 0;
width: 0; border: 5px solid transparent;
border-top-color: #dFeEFF; border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white; ;
} .sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #dFeEFF; border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}
.sf-menu li li a,
.stuck .sf-menu li li a {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 16px;
color: #fff;
line-height: 1;
padding: 10px 15px;
height: auto;
border-right: none;
margin: 0;
text-align: left;
}   #one-column,
#def-column {
background: #FFFFFF;
width: 100%;
display: block;
}
#one-column #primary {
margin: 0 auto;
position: relative;
display: block;
float: none;
}
#one-column .container {
padding-top: 35px;
}
.home #primary {
position: relative;
margin: 0;
width: 100%;
padding: 0;
}
#primary {
position: relative;
}
#primary strong,
strong {
font-weight: bold;
}
.home #primary p {
font-size: 18px;
font-weight: 400;
text-align: left;
margin: 0;
padding: 15px 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.home #primary h1,
section.meet h3 {
font-family: 'Cinzel', times, serif;
font-size: 60px;
line-height: 1;
font-weight: 600;
color: #7ab506;
display: block;
padding-bottom: 15px;
margin: 0 auto 0 auto;
position: relative;
text-align: left;
text-transform: uppercase;
}
.home #primary h1 span {
font-family: Goudy Old Style,Garamond,Big Caslon,Times New Roman,serif;
background: transparent;
color: #7e493b;
font-size: 36px;
display: inline-block;
z-index: 3;
position: relative;
padding: 0 1rem;
text-transform: none;
}
#primary h1 {
background: none;
font-size: 36px;
line-height: 1;
display: block;
position: relative;
}
#primary h1 span.sub-title {
background: none;
color: #215670;
font-family: 'Open Sans', Helvetica, sans-serif;
font-size: 30px;
line-height: 1;
font-weight: bold;
font-style: italic;
text-transform: none;
border-bottom: 0;
display: block;
padding-bottom: 5px;
margin: 0 auto;
position: relative;
}
.post-entry img {
padding: 0px;
max-width: 100%;
height: auto;
border: 0;
}
#primary h1.entry-title {
background: none;
font-family: 'Cinzel', Helvetica, sans-serif;
font-size: 48px;
line-height: 1;
font-weight: normal;
text-transform: uppercase;
display: block;
position: relative;
text-align: left;
color: #7e493b;
margin-bottom: 20px;
}
#primary .content-wrapper {
padding: 0;
width: 100%;
margin: 0 auto;
}
#primary ul {
margin: 0;
padding: 0 0 0px 30px;
list-style: disc;
color: #333;
font-size: 18px;
margin-bottom: 1em;
}
#primary ul ul {
margin: 0;
padding: 0 0 0 20px;
list-style: disc;
}
#primary li {
padding-left: 2px;
list-style: disc;
}
#primary li li {
list-style: disc;
}
#primary img {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.home #primary a {
text-decoration: none;
}
#primary a {
text-decoration: none;
}
.home #primary a.button {
float: left;
}
#primary a img {
border: 5px solid #ebebeb;
}
#primary a:hover img {
opacity: 0.8;
}
#primary a:hover {
}
#content {
width: 100%;
margin: 0 auto;
position: relative;
display: block;
float: none;
padding-top: 1%;
min-height: 165px;
} #secondary {
background-color: transparent;
}
#primary,
#secondary {
margin: 35px 0;
}
#secondary .content-wrapper {
background: transparent;
}
.home #secondary .content-wrapper {
border: none;
}
#secondary aside {
background: #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 5%;
float: left;
width: 100%;
}
#secondary aside p {
font-family: Helvetica, Arial, sans-serif;
}
#secondary .widget h3 {
text-transform: none;
padding: 5px;
margin: 15px;
font-size: 28px;
font-weight: normal;
}
h3.widget-title {
display: block;
margin: 0 0 10px 0;
position: relative;
text-transform: uppercase;
}
#secondary .widget h3 {
text-transform: uppercase;
padding: 0;
margin: 15px 0 0 15px;
font-size: 28px;
font-weight: lighter;
text-align: left;
position: relative;
overflow: hidden;
} #secondary .widget ul {
padding: 10px;
}
#secondary .widget li {
list-style-type: none;
padding: 0 0 0 0;
margin: 0;
word-wrap: break-word;
}
#secondary .widget li li {
margin: 0 0 0 10px;
padding: 1px 0;
list-style: none;
}
#secondary .widget li {
margin: 6px 0;
text-align: left;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#secondary .widget li a {
font-size: 18px;
font-family: 'Open Sans', Helvetica, sans-serif;
text-transform: uppercase;
font-weight: normal;
line-height: 1.5em;
padding-left: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#secondary .widget li a::before {
content: '▹ ';
}
#secondary .widget li a:hover::before {
content: '▸ ';
}
#secondary .widget li li a {
font-size: 26px;
}
#secondary .widget li li a {
background: none;
}
#secondary .widget li li a::before {
font-size: 12px;
}
#secondary ul.menu li a {
background-color: #000;
border-left: 9px solid #e1e1e1;
float: left;
width: 308px;
height: 110px;
margin: 8px 0;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
}
#secondary ul.menu li:first-child a {
margin-top: 15px;
}
#secondary ul.menu li a:hover {
border-left: 9px solid #cc3;
}   #widgets {
margin-top: 40px;
}
.tagcloud {
padding: 0 35px;
}
#widgets a {
display: inline-block;
margin: 0;
padding: 0;
text-decoration: none;
}
#widgets form {
margin: 0;
}
#widgets ul,
#widgets ol {
padding: 0 0 0 20px;
}
#widgets ul li a {
display: inline;
text-decoration: none;
}
#widgets .widget-title img {
float: right;
height: 11px;
position: relative;
top: 4px;
width: 11px;
}
#widgets .rss-date {
line-height: 18px;
padding: 6px 12px;
}
#widgets .rssSummary {
padding: 10px;
}
#widgets cite {
font-style: normal;
line-height: 18px;
padding: 6px 12px;
}
#widgets .tagcloud,
#widgets .textwidget {
display: block;
line-height: 1.5em;
margin: 0;
word-wrap: break-word;
}
.textwidget {
line-height: 20px;
}
.textwidget p.dedicated {
color: #C00;
text-align: center;
font-size: 18px;
font-weight: bold;
}
.textwidget .dedicated span {
text-transform: uppercase;
font-size: 14px;
font-weight: normal;
}
.textwidget img {
margin: 0 auto;
display: block;
}
.textwidget a.button {
margin: 0 auto;
bottom: 25px;
position: absolute;
margin-left: 60px;
}
.textwidget h5 {
font-family: 'Verdana', Verdana, Geneva, sans-serif;
margin: 0;
color: #609ab5;
font-size: 16px;
font-weight: bold;
}
.textwidget h5 span {
font-family: 'Verdana', Verdana, Geneva, sans-serif;
margin: 0;
color: #222;
font-size: 14px;
font-weight: normal;
}
#widgets .textwidget a {
display: inline;
}
#widgets ul .children {
padding: 0 0 0 10px;
}
#widgets .author {
font-weight: 700;
padding-top: 4px;
}
.widget_archive select, #cat {
display: block;
margin: 0 15px 0 0;
}
.widget-title a {
border-bottom: none;
padding: 0 !important;
} #footer {
position: relative;
z-index: 0;
display: block;
float: left;
width: 100%;
text-align: center;
}
.home #footer {
position: relative;
z-index: 3003;
}
#footer-info {
width: 100%;
float: left;
position: relative;
height: auto;
;
background: #fff;
text-align: left;
padding: 0;
}
#footer-widgets {
background-color: #ebebeb;
height: 380px;
position: relative;
display: block;
clear: both;
}
#footer-widgets .wrapper {
overflow: hidden;
}
#footer-widgets .widget {
float: left;
width: 322px;
height: auto;
padding: 10px 10px 10px 20px;
margin: 0 10px 10px 10px;
background: transparent url(//mohsdermhouston.com/wp-content/themes/texasderm/img/sep.png) no-repeat left 40px;
}
#footer-widgets .widget:first-child {
background: none;
border: none;
}
#footer-widgets h3.widget-title {
color: #629080;
text-transform: none;
font-size: 30px;
margin: 5px 0 10px 0;
}
#footer-widgets h3.widget-title.blue {
color: #619bb7;
}
.home #footer-widgets .aside-container {
width: 1270px;
margin: 0 auto;
}
#footer-widgets .aside-container {
width: 1100px;
margin: 0 auto;
}
#footer-widgets .widget.contact,
#footer-widgets .widget.directions {
width: 500px;
}
#footer-widgets .widget.directions {
background: transparent url(//mohsdermhouston.com/wp-content/themes/texasderm/img/map.jpg) no-repeat right center;
}
#footer-widgets .widget.locations {
}
#footer-widgets .widget.locations a {
background: url(//mohsdermhouston.com/wp-content/themes/texasderm/img/map-icon.png) no-repeat left center;
color: #629080;
text-decoration: underline;
font-size: 12px;
padding: 22px;
}
#footer-widgets .widget.locations a:hover {
color: #609AB5;
}
#footer-nav {
font-size: 12px;
padding: 0;
overflow: hidden;
}
#footer-nav li {
display: inline;
}
#footer-nav a {
padding: 0;
text-decoration: none;
}
#footer-nav a:hover {
text-decoration: none;
}
#primary .wpcf7 textarea,
#primary .wpcf7 input {
padding: 5px;
font-size: 16px;
border: 1px solid #aaaaaa;
width: 100%;
}
#primary.wpcf7 textarea {
float: none;
height: 160px;
margin: 0;
}
#primary .wpcf7 p {
font-family: 'Open Sans', Helvetica, sans-serif;
float: left;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#primary .wpcf7 input,
#primary.wpcf7 textarea {
float: left;
display: block;
width: 100%;
height: 40px;
margin: 0;
border: 1px solid #aaaaaa;
}
#primary .wpcf7 input[type="submit"] {
height: auto;
}
#primary .wpcf7 input[type="checkbox"] {
border: 0;
width: auto;
}
.footer .wpcf7 textarea,
.footer .wpcf7 input {
padding: 5px;
font-size: 16px;
}
.footer .wpcf7 textarea {
float: none;
width: 160px;
height: 160px;
margin: 0;
border: none;
}
.footer .wpcf7 input {
float: left;
display: block;
width: 208px;
height: 40px;
margin: 0 10px 10px 0;
border: none;
} .home .footer {
background: #fff;
font-family: 'Open Sans', Helvetica, sans-serif;
width: 100%;
height: auto;
color: #072859;
font-size: 14px;
padding: 2em 0;
margin: 0;
top: 0;
display: block;
z-index: 99;
float: left;
}
.footer {
background: #ccd5e3;
background: -webkit-linear-gradient(#ccd5e3, #fff);
background: linear-gradient(#ccd5e3, #fff);
font-family: 'Open Sans', Helvetica, sans-serif;
width: 100%;
height: auto;
color: #072859;
font-size: 14px;
padding: 2em 0;
margin: 0;
top: 0;
display: block;
z-index: 99;
float: left;
}
.footer p {
font-size: 16px;
text-align: center;
display: block;
margin: 25px 0 0 0;
line-height: 1.2em;
}
.footer p span {
color: #d5d4cf;
font-style: italic;
}
.footer .wrapper {
margin: 0 auto;
width: 100%;
min-width: 10px;
max-width: 1366px;
}
.footer a {
color: #fff;
}
.footer a:hover {
text-decoration: underline;
color: #4e6889;
}
#footer-nav {
margin: 0 auto;
padding: 5px 0;
text-align: left;
width: 100%;
}
#footer-nav .nav {
margin: 0;
}
#footer-nav li {
clear: none;
display: block;
list-style-type: none;
margin: 0 auto;
float: none;
padding: 0 10px;
}
#footer-nav li a {
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
display: inline;
color: #7e493b;
font-size: 16px;
padding: 5px 0px;
text-decoration: none;
text-transform: none;
}
#footer-nav li:first-child a {
background: none;
}
.bottom {
background: #fff;
color: #fff;
width: 100%;
position: relative;
text-align: left;
height: auto;
padding: 30px 0;
font-weight: 400;
}
.bottom h4 {
color: #7ab506;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
}
.bottom address,
.bottom address a {
color: #7e493b;
font-size: 16px;
}
.bottom address a {
font-weight: 400;
}
.bottom a {
color: #fff;
font-size: 16px;
}
.bottom a:hover {
color: #A0CE33;
}
#footer-nav li a:hover {
background-color: transparent;
color: #A0CE33;
}
#footer-nav li:first-child {
border-left: none;
}
#footer-nav li:last-child > a {
} .footer-copyright {
background: #411d14;
color: #fff;
display: block;
position: relative;
clear: both;
width: 100%;
text-align: center;
padding-top: 0;
margin-top: 0;
border-bottom: 5px solid #fff;
}
.footer-copyright,
.footer-copyright a {
color: #fff;
font-size: 16px;
}
.footer-copyright a:hover {
color: #7AB506;
}
.footer-copyright p a {
text-decoration: underline;
} .container .social-icons {
list-style: none;
line-height: normal;
padding: 0;
margin: 0 0;
text-align: left;
width: 100%;
}
.container .social-icons li {
display: inline-block;
margin: 1px;
padding-right: 5px;
height: auto;
}
.container .social-icons a {
display: inline-block;
font-family: 'icomoon';
background: #7ab506;
color: #fff;
font-size: 20px;
padding: 10px;
line-height: 1em;
}
.container .social-icons li a:hover {
background: #7e493b;
color: #fff;
}
.slider .social-icons {
list-style: none;
line-height: normal;
padding: 0;
margin: 0;
text-align: center;
width: 100%;
}
.slider .social-icons a {
display: inline-block;
font-family: 'icomoon';
background: #7E493B;
color: #fff;
font-size: 16px;
padding: 8px;
line-height: 1em;
}
.slider .social-icons li a:hover {
background: #7AB506;
color: #fff;
}
.container .icon-yelp,
.container .icon-blogger,
.container .icon-vimeo,
.container .icon-youtube,
.container .icon-twitter,
.container .icon-facebook,
.container .icon-linkedin,
.container .icon-rss-feed,
.container .icon-instagram,
.container .icon-pinterest,
.container .icon-foursquare,
.container .icon-google-plus,
.container .icon-stumble-upon {
display: inline;
}
.social-icons h2 {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: bold;
float: left;
line-height: 2px;
color: white;
padding-left: 0;
font-size: 24px;
}
#footer-info .social-icons {
list-style: none;
line-height: normal;
padding: 0 0;
width: 100%;
text-align: left;
}
.social h4 {
margin-left: 150px;
text-transform: uppercase;
font-size: 18px;
color: #552C92;
}
.ie7 .container .social-icons {
margin: 0px 0 0 0;
}
#footer-info .social-icons li {
display: inline-block;
margin: 3px auto;
padding: 0 5px;
}
#footer-info .social-icons a {
background: #7ab506;
color: #fff;
padding: 8px;
font-size: 16px;
line-height: 1;
text-align: center;
text-decoration: none;
}
#footer-info .social-icons a:hover {
background: #fff;
color: #7e493b;
}
#footer-info .icon-yelp,
#footer-info .icon-blogger,
#footer-info .icon-vimeo,
#footer-info .icon-youtube,
#footer-info .icon-twitter,
#footer-info .icon-facebook,
#footer-info .icon-linkedin,
#footer-info .icon-rss-feed,
#footer-info .icon-instagram,
#footer-info .icon-pinterest,
#footer-info .icon-foursquare,
#footer-info .icon-google-plus,
#footer-info .icon-stumble-upon {
display: block;
} .breadcrumb-list {
font-size: 14px;
} #primary article.post {
margin: 0 0 15px;
}
.post-data {
margin-bottom: 60px;
}
.post-meta {
margin: 1em 0;
}
.entry-title {
padding: 0 0 0.5em 0;
margin: 0 0 0.5em 0;
}
.entry-content {
padding: 0 0 35px 0;
}
.entry-content p {
margin: 0 0 1.5em;
}
.entry-title {
font-family: 'Open Sans',Helvetica,sans-serif;
color: #E1C05C;
text-transform: uppercase;
font-size: 70px;
line-height: 1;
text-align: center;
width: 100%;
margin: 0;
padding: 0;
} #nav-single {
padding: 0 0 30px;
}
#nav-single .nav-previous {
float: left;
}
#nav-single .nav-next {
float: right;
}
.navigation {
padding: 0 0 25px 0;
}
#comments-title {
color: #666;
font-size: 10px;
font-weight: 500;
line-height: 2.6em;
padding: 0 0 2.6em;
text-transform: uppercase;
}
.nopassword,
.nocomments {
color: #aaa;
font-size: 24px;
font-weight: 100;
margin: 26px 0;
text-align: center;
}
.commentlist {
list-style: none;
margin: 0 auto;
width: 68.9%;
}
.commentlist li {
list-style: none !important;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
width: 100%; ;
}
.commentlist > li.comment {
background: #f6f6f6;
border: 1px solid #ddd;
border-radius: 3px;
margin: 0 0 1.625em;
padding: 1.625em !important;
position: relative;
}
.commentlist .pingback {
margin: 0 0 1.625em;
padding: 0 1.625em;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li.comment {
background: #fff;
border-left: 1px solid #ddd;
border-radius: 0 3px 3px 0;
margin: 1.625em 0 0;
padding: 1.625em !important;
position: relative;
}
.commentlist .children li.comment .fn {
display: block;
}
.comment-meta .fn {
font-style: normal;
}
.comment-meta {
color: #666;
font-size: 12px;
line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
line-height: 1.625em;
margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
margin: 1.625em 0 0;
}
.comment-meta a {
font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
border-radius: 3px;
box-shadow: 0 1px 2px #ccc;
left: -102px;
padding: 0;
position: absolute;
top: 0;
}
.commentlist > li:before {
content: url(//mohsdermhouston.com/wp-content/themes/texasderm/img/comment-arrow.png);
left: -21px;
position: absolute;
}
.commentlist > li.pingback:before {
content: '';
}
.commentlist .children .avatar {
background: none;
box-shadow: none;
left: 2.2em;
padding: 0;
top: 2.2em;
}
a.comment-reply-link {
background: #eee;
border-radius: 3px;
color: #666;
display: inline-block;
font-size: 12px;
padding: 0 8px;
text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
background: #888;
color: #fff;
}
a.comment-reply-link > span {
display: inline-block;
position: relative;
top: -1px;
}
.nocomments {
display: none;
} .commentlist > li.bypostauthor {
background: #ddd;
border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
content: url(//mohsdermhouston.com/wp-content/themes/texasderm/img/comment-arrow-bypostauthor.png);
} .commentlist .children > li.bypostauthor {
background: #ddd;
border-color: #d3d3d3;
} #respond {
background: #f5f5f5;
border: 0;
padding: 1.625em;
overflow: hidden;
position: relative;
}
#respond input[type="text"],
#respond textarea {
background: #fff;
border: 5px solid #eee;
position: relative;
padding: 10px;
text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
background: #eee;
box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
color: #555;
display: inline-block;
font-size: 13px;
left: 4px;
min-width: 60px;
padding: 4px 10px;
position: relative;
top: 40px;
z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
text-indent: 0;
z-index: 1;
}
#respond textarea {
resize: vertical;
width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
color: #bd3500;
font-size: 22px;
font-weight: bold;
left: 75%;
position: absolute;
top: 45px;
z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
font-size: 13px;
}
#respond p {
margin: 10px 0;
}
#respond .form-submit {
float: right;
margin: -10px 0 0;
}
#respond input#submit {
}
#respond input#submit:active {
background: #3a4e7b;
color: #FFFFFF;
}
#respond #cancel-comment-reply-link {
color: #666;
margin-left: 10px;
text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
text-decoration: underline;
}
.commentlist #respond {
margin: 1.625em 0 0;
width: auto;
}
#reply-title {
color: #373737;
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
#cancel-comment-reply-link {
color: #888;
display: block;
font-size: 10px;
font-weight: normal;
line-height: 2.2em;
letter-spacing: 0.05em;
position: absolute;
right: 1.625em;
text-decoration: none;
text-transform: uppercase;
top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
color: #ff4b33;
}
#respond label {
line-height: 2.2em;
}
#respond input[type=text] {
display: block;
height: auto;
width: 75%;
}
#respond p {
font-size: 12px;
}
p.comment-form-comment {
margin: 0;
}
.form-allowed-tags {
display: none;
}
h1.page-title-cat {
font-size: 30px !important;
} .rpwe-block ul {
}
.rpwe-block li {
margin: 0 0 15px 0;
}
.rpwe-block a {
display: inline!important;
text-decoration: none;
color: #333;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: bold;
width: 95px;
font-size: 16px;
}
.rpwe-block a.more-link {
color: #fff;
float: right;
text-transform: lowercase;
font-family: 'Candara', Verdana, Geneva, sans-serif;
font-weight: normal;
}
.rpwe-block h3 {
font-size: 16px;
margin: 0;
}
.rpwe-thumb {
}
.rpwe-summary {
font-size: 14px;
line-height: 18px;
}
.rpwe-time {
}
.rpwe-alignleft {
}
.rpwe-alignright {
}
.rpwe-alignnone {
}
.rpwe-clearfix:before,
.rpwe-clearfix:after {
content: "";
display: table;
}
.rpwe-clearfix:after {
clear: both;
}
.rpwe-clearfix {
zoom: 1;
} #searchform {
float: right;
margin: 15px 0;
}
#secondary #searchform {
float: none;
position: relative;
margin: 0;
}
#searchform input[type="text"] {
border: 1px solid #ebebeb;
padding: 10px;
width: 100%;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#searchform input[type="text"]:focus {
border: 1px solid rgba(103, 0, 0, 0.5);
box-shadow: 0 0 2px rgba(103, 0, 0, 0.5);
-moz-box-shadow: 0 0 2px rgba(103, 0, 0, 0.5);
-webkit-box-shadow: 0 0 2px rgba(103, 0, 0, 0.5);
}
#searchform button[type="submit"] {
padding: 7px;
background: transparent;
border: 0;
position: absolute;
right: 10px;
}
#searchform button i {
color: #fff;
background: #333;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
padding: 9px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#searchform button:hover i { -webkit-transform: rotate(45deg); transform: rotate(45deg);
} #slideshow {
position: relative;
}
#slideshow img {
background: transparent !important;
border: 0 !important;
} #sidebar-contact-form input[type="text"],
#sidebar-contact-form textarea {
width: 325px;
padding: 5px;
border: 1px solid #AAA;
}
#sidebar-contact-form textarea {
height: 100px;
}
#sidebar-contact-form p {
padding-bottom: 10px;
}
#sidebar-contact-form .row {
margin: 0 0 10px;
}
.widget .wpcf7 .wpcf7-list-item-label,
.widget .wpcf7 .wpcf7-list-item-label a,
.widget .wpcf7 a {
color: #666666;
font-size: 12px;
}
.widget .wpcf7 .wpcf7-checkbox {
margin-left: 0;
}
.widget .wpcf7 a {
color: #666666;
text-decoration: underline;
}
.widget .wpcf7 a:hover {
color: #F7811B;
}
.widget .wpcf7 {
width: 100%;
height: auto;
text-align: center;
position: relative;
}
div.wpcf7-validation-errors {
border: 2px solid #F7E700;
color: red;
background: white;
z-index: 9999999999;
}
.widget .wpcf7 input,
.widget .wpcf7 textarea,
.widget .wpcf7 p#captcha {
background: #fff;
width: 100%;
padding: 15px;
font-size: 16px;
color: #404040;
border: 0;
font-family: 'Open Sans', Helvetica, sans-serif;
}
#secondary .widget .wpcf7 input,
#secondary .widget .wpcf7 textarea,
#secondary .widget .wpcf7 p#captcha {
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
width: 100%;
padding: 7px;
font-size: 16px;
border: none;
font-family: 'Open Sans', Helvetica, sans-serif;
border: 1px solid #b3b3b3;
}
.widget .wpcf7 input[type="submit"],
#secondary .widget .wpcf7 input[type="submit"] {
background: #7e493b;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 5px;
}
.widget .wpcf7 input,
.widget .wpcf7 textarea,
.wpcf7 p#captcha {
margin: 7px 0;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.widget .wpcf7 input,
.widget .wpcf7 textarea {
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.6);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.6);
-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.6);
border-radius: 5px;
}
.widget .wpcf7 input[type="checkbox"] {
width: 20px;
height: 20px;
}
.widget .wpcf7 textarea {
height: 105px;
resize: none;
}
.wpcf7 p#captcha {
background: white;
height: 26px;
float: left;
padding: 7px;
}
.wpcf7 input.captcha-input {
float: right;
height: 25px;
}
.widget .wpcf7 p {
width: 100%;
padding: 0 0 0 0;
line-height: 1.2em;
margin: 0 auto;
float: left;
display: block;
clear: both;
font-size: 12px;
text-align: center;
}   .home .slider,
.bx-slider,
.bx-slider li,
.bx-wrapper {
height: 700px;
}
.home .slider {
background: #fff;
position: relative;
display: block;
width: 100%;
margin-bottom: 0;
border: 0;
margin: 0 auto !important;
background-size: none;
z-index: 99;
margin-top: 0 !important;
}
.home .slider .overlay {
background: rgba(255, 255, 255, 0.7);
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 900;
}
.home .slider .content {
background: transparent;
position: absolute;
z-index: 72;
width: 100%;
top: 200px;
z-index: 998; 
}
.home .slider h3 {color: #fff;
font-weight: 700; }
.contact-cta {
bottom: 0;
width: 100%;
position: absolute;
z-index: 999;
}
.contact-cta .wrap {
background: #411d14;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
text-align: center;
}
.contact-cta .wrap .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contact-cta .wrap .cols {
border-right: 1px solid #7e493b;
}
.contact-cta .wrap .cols:last-child {
border: 0;
}
.contact-cta .wrap a.number {
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
.contact-cta .wrap a.number i.fa-phone {
background: #7e493b;
color: #fff;
font-size: 16px;
padding: 8px;
}
.contact-cta .wrap a.number:hover {
color: #7ab506;
}
.contact-cta .wrap a.number:hover i.fa-phone {
background: #7ab506;
}
.home .slider li {
background-position: center top;
background-size: cover;
}
.home .slider li .boxed {
background: rgba(0, 0, 0, 0.5);
position: absolute;
width: 100%;
height: 100%;
}
.home .slider li h2,
.home .slider li h2 a {
color: #fff;
font-size: 60px;
font-weight: 400;
text-align: center;
text-transform: none;
line-height: 1.3;
}
.home .slider li h2 span {
font-size: 42px;
text-transform: uppercase;
}
.home .slider li h2 a {
font-size: 42px;
}
.home .slider li h2 a:hover {
color: #7e493b;
}
.home .slider li #logo h2 {
color: #333;
font-size: 24px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
.home .slider li #logo h2 span {
color: #1d69b2;
display: block;
font-size: 18px;
}
.home .slider li p {
color: #fff;
font-size: 30px;
margin: 0 0 1em 0;
text-align: center;
text-transform: uppercase;
}
.home .slider .checks {
width: 100%;
display: block;
text-align: center;
}
.home .slider .checks p {
display: inline-block;
margin: 0;
padding: 0 15px;
text-transform: none;
}
.home .slider .checks p::before {
content: '';
background: url(//mohsdermhouston.com/wp-content/themes/texasderm/img/check.png) no-repeat 0 0;
width: 24px;
height: 22px;
display: inline-block;
position: relative;
margin-right: 15px;
}
.home .slider li .btn {
margin: 50px 0;
box-shadow: 0px 2px 5px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.27);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.27);
} .home .blog-slider.slider {
background: transparent;
position: relative;
display: block;
width: 100%;
margin-bottom: 0;
border: 0;
background-size: none;
z-index: 99;
margin-top: 0;
}
.home .blog-slider.slider, 
.blog-slider .bx-slider, 
.blog-slider .bx-slider li, 
.blog-slider .bx-wrapper {
height: auto;
}
.home .blog-slider.slider h2 {
color: #333;
font-size: 36px;
text-transform: uppercase;
margin: 0.5em 0 1em 0.35em;
position: relative;
overflow: hidden;
}
.blog-post-slide .box {
background: #fff;
display: block;
padding: 10px;
}
.blog-post-slide .box .row {
margin: 0 !important;
}
.blog-post-slide .outer-box {
position: relative;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.blog-post-slide .outer-box:hover {
box-shadow: 0px 2px 5px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.27);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.27);
}
.blog-post-slide {
margin: 20px 0;
}
.blog-post-slide .box h3,
.home .blog-post-slide .box p {
color: #333;
font-size: 20px;
margin: 0.25em 0 0.75em 0;
padding: 0;
text-align: center;
text-transform: uppercase;
}
.home .blog-post-slide .box p {
font-size: 16px;
text-transform: none;
}
.home .blog-post-slide .box p.meta-info {
text-align: left;
margin: 1em 0 0 0;
}
.home .blog-post-slide .box p.meta-info span {
font-size: 14px;
}
.home .blog-post-slide .box a.post-link {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
}
.blog-post-slide .box .btn-holder {
padding: 0;
position: absolute;
right: 0;
bottom: 0;
}
.blog-slider .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 0;
margin-top: 0;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999999;
-webkit-transition: none;
transition: none;
}
.blog-slider .bx-controls-direction {
width: 100px;
height: 35px;
position: relative;
display: block;
margin: 0px auto;
}
.blog-slider .bx-wrapper .bx-prev {
left: 0;
background: url(//mohsdermhouston.com/wp-content/themes/texasderm/img/controls.png) no-repeat 0 -32px;
}
.blog-slider .bx-wrapper .bx-next {
right: 0;
background: url(//mohsdermhouston.com/wp-content/themes/texasderm/img/controls.png) no-repeat -43px -32px;
}
.blog-links {
width: 100%;
}
.blog-links a {
color: #333;
font-weight: bold;
display: block;
padding: 0.5em 0;
}
.blog-links a:hover {
text-decoration: underline;
}
.blog-links .col-sm-6:nth-child(2) {
text-align: right;
}   .bg-container {
display: block; height: 440px;
background-size: cover;
position: relative;
width: 100%;
margin-top: 0;
z-index: 0;
}
.bg-overlay {
background: transparent;
position: relative;
height: 100%;
width: 100%;
}
.bg-container .entry-title {
color: #E1C05C;
padding: 1em 0;
}
.consult-form-section {
background: #f7f7f7;
padding: 10px;
margin: 10px 0;
}
.consult-form-section strong {
display: block;
margin-bottom: 15px;
}
.consult-form-section .wpcf7-list-item {
display: inline-block;
width: 45%;
}
.consult-form-questions {
margin-top: 20px;
}
.consult-form-questions > div {
overflow: hidden;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
padding-bottom: 15px;
}
.consult-form-questions > div > label {
float: left;
width: 45%;
}
.consult-form-questions > div .wpcf7-form-control-wrap {
float: right;
} .mapp-layout {
padding: 2px !important;
}
.g-recaptcha {
float: left;
width: 100%;
}
#secondary aside {
background: #fff;
box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 5%;
float: left;
width: 100%;
}
#secondary .widget {
margin: 0 0 35px;
}
#secondary .widget h3 {
text-transform: uppercase;
padding: 15px 0;
margin: 15px;
font-size: 28px;
font-weight: normal;
text-align: center;
}
h3.widget-title {
border-bottom: 1px solid #bbb;
}
#secondary img {
box-shadow: 0px 1px 10px 1px #888888;
}
#secondary aside p {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}
p.wp-caption-text {
font-size: 12px;
margin-top: 5px;
}
.cta2-container {
position: relative;
display: block;
clear: both;
margin: 2.5em 0;
}
.cta2-container a {
background: #7ab506;
padding: .5em;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
color: #fff;
font-size: 28px;
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.cta2-container a i {
font-size: 24px;
}
.cta2-container a:hover {
background: #333;
}
h3.trigger {
background: url(//mohsdermhouston.com/wp-content/themes/texasderm/images/gradients/toggle-bg.png) repeat-x 0 0;
background-size: 100% 100%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0.2em 0 !important;
font-size: 20px;
padding: 5px 10px 5px 30px;
float: left;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
h3.trigger a,
h3.trigger a .plus-minus {
-webkit-transition: all 0.2s ease-out !important;
transition: all 0.2s ease-out !important;
}
h3.trigger a .plus-minus,
h3.trigger.active a .plus-minus {
background-position: 0 0;
background-repeat: no-repeat;
position: absolute;
height: 20px;
width: 20px;
top: 5px;
right: 5px;
opacity: 1;
background-size: 100% 100%;
}
h3.trigger a .plus-minus {
display: block;
background-image: url(//mohsdermhouston.com/wp-content/themes/texasderm/img/toggle-plus.png) !important;
}
h3.trigger.active a .plus-minus {
display: block;
background-image: url(//mohsdermhouston.com/wp-content/themes/texasderm/img/toggle-minus.png) !important;
}
h3.trigger a:hover .plus-minus {
opacity: 0.8;
}
#primary h3.trigger a {
display: block;
position: relative;
line-height: 1.7em;
width: 100%;
color: #fff;
text-transform: uppercase;
text-decoration: none;
display: block;
font-size: 20px;
margin: 0 !important;
}
#primary h3.trigger a:hover {
color: #fff;
text-decoration: underline;
}
h3.active {
background: url(//mohsdermhouston.com/wp-content/themes/texasderm/images/gradients/toggle-bg.png) repeat-x 0 0;
background-size: 100% 100%;
}
h3.toggle-white {
background-color: #FFF;
}
h3.toggle-gray {
background-color: #A0CE33;
}
.toggle_container {
overflow: hidden;
padding: 10px 40px;
width: 90%;
margin: 0 auto 0px auto;
}
.white {
background-color: #FFF;
}
.gray {
background-color: #F3F3F7;
}
.bx-slider li#six {
background: #fff url(//mohsdermhouston.com/wp-content/themes/texasderm/img/slider/slider6.jpg) no-repeat center 0;
background-size: cover;
min-width: 10px;
max-width: 100%;
width: 100%;
}
.bx-slider li#seven {
background: #fff url(//mohsdermhouston.com/wp-content/themes/texasderm/img/slider/slider7.jpg) no-repeat center 0;
background-size: cover;
min-width: 10px;
max-width: 100%;
width: 100%;
}
.bx-slider li#eight {
background: #fff url(//mohsdermhouston.com/wp-content/themes/texasderm/img/slider/slider8.jpg) no-repeat center 0;
background-size: cover;
min-width: 10px;
max-width: 100%;
width: 100%;
}
@media screen and (max-width: 1100px) {
.home .slider h3 {
display: none !important;
}
}
a.icon-facebook { background-color: #3B5998 !important;}
a.icon-twitter { background-color: #1dcaff !important;}
a.icon-google-plus {background-color:  #d34836 !important;}
a.icon-facebook:hover,  a.icon-twitter:hover, a.icon-google-plus:hover { background-color: #7ab506 !important; color: #fff !important;}