/* Theme Name: CLERKIN Theme URI: Description: Custom theme for Renee Clerkin Author: 2nd Street Creative Version: 1.0 Tags: custom /* ============================================================================= HTML5 Boilerplate CSS: h5bp.com/css ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea {font-family: "pt-serif", Georgia, serif, Times; font-weight: 400; color: #404041;} body { margin: 0; font-size: 16px; line-height: 1.4; text-align: left; } ::-moz-selection { background: #666; color: #fff; text-shadow: none; } ::selection { background: #666; color: #fff; text-shadow: none; } a {text-decoration: none; outline: 0;} p {margin:0 0 1.4em 0; } b, strong, h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size: 100%; font-weight: normal;} abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin:0; padding:0; list-style: none; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /*---------- TYPOGRAPHY -----------*/ .sans {font-family: "brandon-grotesque", Arial, Verdana, sans-serif;} /*400,700,900 */ .serif {font-family: "pt-serif", Georgia, serif, Times;} /* 400,700 */ .italic { font-style: italic;} .normal { font-style: normal;} .upper { text-transform: uppercase;} .lower { text-transform: lowercase;} .space { letter-spacing: .05em;} .space1 { letter-spacing: .1em;} .space2 { letter-spacing: .2em;} .space3 { letter-spacing: .3em;} .alignleft {text-align: left;} .alignright {text-align: right;} .aligncenter {text-align: center;} strong, b, .bold {font-weight: 700;} blockquote {font-family: "brandon-grotesque", Arial, Verdana, sans-serif; font-size:2.375em; margin:0;} .quote {position:relative; display: block; z-index:1;} .quote:after { content: ""; display:block; position: absolute; top:0; left:-300%; z-index: -2; height: 100%; width:400%; background: #bad9d5; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #bad9d5 39%, #9DC6C1 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #bad9d5 39%,#9DC6C1 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #bad9d5 39%,#9DC6C1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad9d5', endColorstr='#9DC6C1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} .quote:before { content: ""; display:block; position: absolute; top:0; left:-300%; z-index: -1; height: 100%; width:400%; background: url(images/txtr-bg@2x.png) fixed center top repeat; background-size: 400px auto;} .quote p {padding:30px 40px 30px 80px; background: url(images/quote.svg) no-repeat left 60px; line-height: 1.3em;} h1 p, p:last-child {margin:0;} h1 { font-family: "brandon-grotesque", sans-serif; color: rgba(0, 0, 0, .7); font-weight: 900; font-size: 1.25em; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 0.25em; line-height: 1.1; } h1 span { display: block; margin-bottom: 0.5em; } .modules .pageText:first-child p:first-child:first-letter { float: left; font-size:3.125em; line-height: 28px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: "pt-serif", Georgia, serif, Times; color:#BBD9D6; } .pageText ul, .pageText ol {display: block; padding-left:20px;} .pageText ul li {display: list-item; list-style: disc; list-style-position: outside; margin-bottom: 1em;} .pageText ol li {display: list-item; list-style:decimal; list-style-position: outside; margin-bottom: 1em;} .fs115 {font-size:7.188em; line-height: 0.8em;} .fs100 {font-size:6.250em;} .fs80 {font-size:5em;} .fs50 {font-size:3.125em;} .fs44 {font-size:2.75em;} .fs40 {font-size:2.5em;} .fs38 {font-size:2.375em;} .fs34 {font-size:2.125em;} .fs30 {font-size:1.875em;} .fs26 {font-size:1.625em;} .fs24 {font-size:1.5em;} .fs20 {font-size:1.250em;} .fs18 {font-size:1.125em;} .fs16 {font-size:1em;} .fs14 {font-size:0.875em;} .fs12 {font-size:0.75em;} .fs11 {font-size:0.688em;} .fs10 {font-size:0.625em;} .fs9 {font-size:0.563em;} .fs8 {font-size:0.5em;} .lh08 {line-height: .8em;} .lh1 {line-height: 1em;} .lh12 {line-height: 1.2em;} .lh14 {line-height: 1.4em;} .lh16 {line-height: 1.6em;} .lh18 {line-height: 1.8em;} .lh25 {line-height: 2.5em;} .lh30 {line-height: 30px;} .fw400 {font-weight: 400;} .fw700 {font-weight: 700;} .fw900 {font-weight: 900;} .flexr { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } /*---------- LAYOUT -----------*/ * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;} .fleft { float: left;} .fright { float: right; } .centered {margin-right: auto; margin-left: auto; display: block;} .clear {clear:both;} .rel {position: relative;} .inline {display: inline-block;} .z1 {z-index: 111;} .tshow, .pshow, .pclear, .pbreak {display: none!important;} .p80 {padding:80px;} .p60 {padding:60px;} .p40 {padding:40px;} .p30 {padding:30px;} .p20 {padding:20px;} .p10 {padding:10px;} .pbottom40 {padding-bottom: 40px;} .pbottom30 {padding-bottom: 30px;} .pbottom20 {padding-bottom: 20px;} .pbottom15 {padding-bottom: 15px;} .pbottom10 {padding-bottom: 10px;} .pright80 {padding-right:80px;} .ptb100 {padding-top: 100px; padding-bottom: 100px;} .ptb80 {padding-top: 80px; padding-bottom: 80px;} .ptb60 {padding-top: 60px; padding-bottom: 60px;} .ptb20 {padding-top: 20px; padding-bottom: 20px;} .ptb15 {padding-top: 15px; padding-bottom: 15px;} .ptb10 {padding-top: 10px; padding-bottom: 10px;} .ptb5 {padding-top: 5px; padding-bottom: 5px;} .prl40 {padding-right: 40px; padding-left: 40px;} .prl30 {padding-right: 30px; padding-left: 30px;} .prl20 {padding-right: 20px; padding-left: 20px;} .prl15 {padding-right: 15px; padding-left: 15px;} .mbottom100 {margin-bottom: 100px;} .mbottom80 {margin-bottom: 80px;} .mbottom40 {margin-bottom: 40px;} .mbottom30 {margin-bottom: 30px;} .mbottom20 {margin-bottom: 20px;} .mbottom15 {margin-bottom: 15px;} .mbottom10 {margin-bottom: 10px;} .mtop80 {margin-top: 80px;} .mtop60 {margin-top: 60px;} .mtop40 {margin-top: 40px;} .mtop30 {margin-top: 30px;} .mtop20 {margin-top: 20px;} .mtop10 {margin-top: 10px;} .mtb80 {margin-top: 80px; margin-bottom: 80px;} .mtb40 {margin-top: 40px; margin-bottom: 40px;} /*---------- COLUMNS -----------*/ .fullWidth{width:100%; overflow: hidden;} .maxWidth {max-width: 1200px; width: 100%; margin-right: auto; margin-left: auto;} .col1110 {max-width: 1110px; width:100%;} /* HOME */ .col960 {max-width: 960px; width:100%;} /* HOME, ABOUT */ .col800 {max-width: 800px; width:100%;} /* HOME, ABOUT */ .col740 {max-width: 740px; width:66.0714%; padding:40px; float: left;} /* BLOG */ .col380 {max-width:380px; width:33.9285%; padding:40px; float:left;} /* BLOG*/ .about .col740 {float: right;} .about .col380 {float:left; text-align: right;} .col660 {max-width: 660px; width:100%; } /* INFO */ .col625 {max-width:625px; width:100%;}/* INFO */ .col285 {max-width:285px; width:25%; padding:10px; float:left;} /* BLOG */ .col265 {max-width: 265px; float:left; width:23.6607%; } /* listview */ .col65 {width:65%; float: left;} .col65 > div {width:100%; max-width: 780px; padding:80px 80px; float: right; } .col35 {width:35%; float: right; position: relative;} .col35 > div {width:100%; max-width:420px; padding:80px; float: left; z-index: 555; position: relative;} .col35:before { content: ""; display:block; position: absolute; top:0; left:0; height: 100%; width:100%; background: url(images/txtr-bg@2x.png) fixed center top repeat; background-size: 400px auto;} .pageText img, img.contain {max-width:100%; width:auto; height: auto; margin-left:auto; margin-right: auto; display: block;} img.full {max-width:100%; width:100%; height: auto; margin-left:auto; margin-right: auto; display: block;} /*---------- LINKS & COLORS -----------*/ a, a img, a svg, .flexslider img, .defaultPic, .flexr, .infoOverlay, .teamOverlay, .primary .menu-item-has-children .sub-menu { -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } a.dkGrey:link, a.dkGrey:visited, .dkGrey {color:rgba(0,0,0,.7);} a.mdGrey:link, a.mdGrey:visited, .mdGrey {color:rgba(0,0,0,.5);} a.ltGrey:link, a.ltGrey:visited, .ltGrey {color: rgba(0,0,0,.2);} a:link, a:visited, a.dkTurq:link, a.dkTurq:visited, .dkTurq {color:#5D8484;} .nextPosts a:link, .nextPosts a:visited, .prevPosts a:link, .prevPosts a:visited, a.turq:link, a.turq:visited, .turq a:link, .turq a:visited, .turq {color:#BBD9D6;} a.ltGreen:link, a.ltGreen:visited, .ltGreen a:link, .ltGreen a:visited, .ltGreen {color: #BDD3A9;} .dkGreen {color: #59644C;} a.tan:link, a.tan:visited, .tan a:link, .tan a:visited, .tan {color:#999987;} a.white:link, a.white:visited, .white a:link, .white a:visited, .white {color: #FFF;} a.transWhite:link, a.transWhite:visited, .transWhite a:link, .transWhite a:visited, .transWhite {color: rgba(255,255,255,.8);} a.nofade:hover, a.nofade:active {opacity: 1!important;} a:hover, a:active, input.gform_button:hover {opacity: .5;} .navBelow {max-width:1128px; width:100%; margin-bottom: 80px;} .prevPosts a, .nextPosts a {padding:8px 15px; position: relative; display:inline-block; } .prevPosts a:before, .nextPosts a:before{ content:""; position: absolute; width: 0; height: 0; border-style: solid; top:50%; margin-top: -4px; } .nextPosts a:before {left:0; border-width: 4px 6px 4px 0; border-color: transparent #BBD9D6 transparent transparent;} .prevPosts a:before {right:0; border-width: 4px 0 4px 6px; border-color: transparent transparent transparent #BBD9D6;} .arrowLink {padding:8px 15px 8px 25px; position: relative; display:inline-block;} .arrowLink:before { content:""; position: absolute; left:0; top:13px; width: 13px; height: 12px; background: url(images/arrow-more.svg) no-repeat center center; } .arrowLink.blue:before { background: url(images/arrow-blue.svg) no-repeat center center; top:10px; } /*----------BUTTONS-----------*/ input.gform_button { border: none; float: left; line-height: 18px; text-transform: uppercase; font-weight: 900; font-family: "brandon-grotesque", Arial, Verdana, sans-serif; -webkit-transition:opacity 0.5s ease 0s; -moz-transition:opacity 0.5s ease 0s; transition:opacity 0.5s ease 0s; } #gform_1 input.gform_button, #gform_3 input.gform_button, #gform_4 input.gform_button {background: #FFF url(images/arrow-blue.svg) no-repeat right center; background-size: 15px auto; font-size:1.125em; color:#5D8484; letter-spacing: .2em; padding:0 20px 0 0; margin-top: 30px;} //#gform_wrapper_2 input.gform_button {background: #FFF; font-size:0.875em; color:#59644C; padding: 6px 12px;} .callButton {margin-left: 20px; padding:4px 16px;} .boxLink {border: 2px solid; padding:10px 30px; line-height: 1em; display: inline-block;} .white.boxLink {border-color: #FFF; } .radiusBox {background: rgba(0,0,0,.1); padding:15px 30px; line-height: 1em; display: inline-block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} /* !SOCIAL LINKS -----------*/ .socialNav {float:right; display:block; margin-top: 40px;} .socialNav a { position: relative; width: 34px; height: 34px; display:block; float:left; margin-left: 10px; text-indent: -9999px; background: #FFF; text-align: left; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .socialNav a.facebook {margin-left: 0;} .socialNav svg {position:absolute; height: 18px; width: auto; display:block; line-height: 34px; margin-top: -9px; top:50%;} .socialNav a.facebook svg {left:12px;} .socialNav a.twitter svg {left:7px;} .socialNav a.pinterest svg {left:10px;} .socialNav a.instagram svg {left:8px;} .socialNav a.yelp svg {left:10px;} .socialNav path { fill: #BBD9D6;} .socialSidebar a {position: relative; width: 100%; display:block; height:50px; line-height: 50px; text-indent:40px; text-align: left; color: #FFF; border-bottom:1px dashed rgba(0,0,0,.2);} .socialSidebar a:before {content:""; width:30px; height: 30px; background-color:rgba(0,0,0,.1); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: absolute; left:0; top:10px;} .socialSidebar svg {position:absolute; height: 15px; width: auto; display:block; top:17px;} .socialSidebar a.facebook svg {left:11px;} .socialSidebar a.twitter svg {left:7px;} .socialSidebar a.pinterest svg {left:10px;} .socialSidebar a.instagram svg {left:8px;} .socialSidebar a.yelp svg {left:9px;} .socialSidebar path { fill: rgba(0,0,0,.6);} .socialShare svg {position: absolute; left:0; top:5px;} .socialShare path { fill: #BDD3A9;} .socialShare a {line-height: 30px; display: block; clear:both; padding:0 0 8px 35px; margin: 10px 0; position: relative; border-bottom: 1px solid rgba(0,0,0,.05);} .socialShare a.facebook svg {left:3px;} .facebookCTA { max-width: 270px; margin-right: 40px; float: right; display: block; margin-top: 40px; } .facebookCTA p { font-size: 0.75em; } /*---------- TEXTURES & BORDERS -----------*/ .borderWhite2 {border: 2px solid #FFF;} .borderWhite8 {border: 8px solid #FFF;} .borderGrey6 {border: 6px solid rgba(0,0,0,.05);} .borderGrey8 {border: 8px solid rgba(0,0,0,.05);} .borderGreen {border: 1px solid #59644c; } .borderBottom {border-bottom:1px solid rgba(0,0,0,.05);} .borderBottomDashed {border-bottom:1px dashed rgba(0,0,0,.2);} .borderBottomGreen {border-bottom: 1px solid #59644c; } .borderBottomWhite2 {border-bottom: 2px solid #FFF; } .borderBottomSml:after {content:""; display:block; width: 40px; height:0; line-height: 0; margin:10px 0; border-bottom:1px solid rgba(0,0,0,.1); } .borderWrapGrey {border-top:1px solid rgba(0,0,0,.3); border-bottom:1px solid rgba(0,0,0,.3);} .borderTopGrey {border-top:1px solid rgba(0,0,0,.1);} .borderTop {border-top:1px solid rgba(0,0,0,.05);} .borderTopWhite4 {border-top:4px solid #FFF;} .txtShadow {-moz-text-shadow: 0 0 5px rgba(0,0,0,.5); -webkit-text-shadow: 0 0 5px rgba(0,0,0,.5); text-shadow: 0 0 5px rgba(0,0,0,.5);} .whiteBg {background-color: #FFF;} .creamBg {background-color: #f3f3eb;} .ltGreyBg {background-color: #F7F9FB;} .ltGreenBg {background-color: #DCECCA;} .dkGreenBg {background-color: #59644C;} .turqBg {background-color: #BBD9D6;} .ltBlueBg {background-color:#F7F9FB;} .dkGreyBg {background-color:rgba(0,0,0,.5);} .gradGreen { background: #dcebc9; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #dcebc9 39%, #b7d3a0 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #dcebc9 39%,#b7d3a0 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #dcebc9 39%,#b7d3a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcebc9', endColorstr='#b7d3a0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .gradBlue, .rightPanel { background: #bad9d5; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #bad9d5 39%, #9DC6C1 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #bad9d5 39%,#9DC6C1 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #bad9d5 39%,#9DC6C1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad9d5', endColorstr='#9DC6C1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .gradGrey, .greyOverlay, .leftPanel { background: #5c5d66; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #5c5d66 0%, #414249 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #5c5d66 0%,#414249 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, #5c5d66 0%,#414249 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c5d66', endColorstr='#414249',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bgTxtr {background: url(images/txtr-bg@2x.png) fixed center top repeat; background-size: 400px auto;} .lineHeading {display:block; border-bottom: 1px solid rgba(0,0,0,.05);} .lineHeading span {padding:5px 15px; display: inline-block; position: relative; bottom:-12px;} .badge {background: url(images/circles-green.svg) no-repeat center top; padding-top: 60px; background-size: 32px auto;} .triangles {background: url(images/triangles.png) no-repeat right bottom; background-size: 600px auto; position: relative; display: block; width:600px; height: 33px; left:0; margin: -18px 0 18px;} .triangleWrap:after {content:""; background: url(images/triangles.png) repeat-x right bottom, url(images/triangles-inv.png) repeat-x 28px top; background-size: 600px auto; position: absolute; display: block; width:100%; height: 59px; left:0; z-index: 555; margin-top: -51px;} .triangleWrap p {z-index: 777; position: relative;} .circle {-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } /*---------- PAGES -----------*/ html, body { height: 100%;} body {padding-top: 62px;} .wrap { min-height: 100%; margin-bottom: -170px;} .wrap:after {content: ""; display: block;} footer, .wrap:after {height: 170px;} footer {background: url(images/triangles.png) no-repeat right 136px; background-size: 600px auto; position: relative;} .footerLinks {padding:15px 20px; width:100%; line-height: 30px; display: block; position: absolute; bottom:0;} .footerLinks li {padding-left: 40px; float: right;} .footerLinks li:first-child {float:left; padding-left: 0;} header {position:relative; margin:0 auto; width:100%;} .logo a{transition: all 0s ease 0s; -moz-transition:all 0s ease 0s; -webkit-transition:all 0s ease 0s;} .logo a:hover {opacity: 1;} .logo {padding:12px 0 12px 20px; float:left;} footer .logo {padding:40px 0; } .credits {clear:both; float: left; padding-right: 100px;} .infoPanels {margin: 0 auto; width:100%; max-width: 2800px; display: inline-block;} .infoPanels li {width:25%; max-width:700px; display: block; float: left; position: relative; } .infoOverlay {position: absolute; bottom:-100px; left:0; width:100%; padding:0; opacity: 0; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; z-index: 888; background: #FFF; -webkit-box-shadow: 5px 0 20px -10px rgba(0,0,0,.1), -5px 0 20px -10px rgba(0,0,0,.1); -moz-box-shadow: 5px 0 20px -10px rgba(0,0,0,.1), -5px 0 20px -10px rgba(0,0,0,.1); box-shadow: 5px 0 20px -10px rgba(0,0,0,.1), -5px 0 20px -10px rgba(0,0,0,.1); } .infoPanels li:hover .infoOverlay {opacity: 1; bottom:0;} /*----------HOME-----------*/ .bioSidebar {padding-left: 40px; position:absolute; left:0; top:40px; border-top: 4px solid #bbd9d6; max-width: 150px; padding-top: 10px;} .bioImage {float: left; width:27.0833%; max-width: 260px;} .bioContent {float: right; width:72.9167%; max-width: 700px; padding-left: 80px; padding-right: 20px;} .slideText {padding:0 40px 40px; background: url(images/circles-white.svg) no-repeat center bottom; } .messagingText {display: block; min-height: 217px; background: url(images/messaging.svg) no-repeat center top; padding-top: 40px;} .messagingText div {display: block; clear:both;} .messagingText p {display: inline-block; padding:8px 15px; line-height: 1.4em; margin-bottom: 10px;} .serviceModules {padding:20px;} .serviceModules li {width: 33.3333%; max-width: 370px; padding:20px; float: left;} .serviceModules a {padding:8px 15px; position: relative; bottom: -9px; background-color: #59644C; color:rgba(255,255,255,1);} .serviceModules a:hover {color:rgba(255,255,255,.5); opacity: 1;} .postList li {float:left; width:25%;} .homeBanner { position: relative; text-align: center; padding: 14em 30px; } .homeBanner .backgroundGradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; } .homeBanner .homeBannerText { position: relative; z-index: 2; } .homeBanner .bannerHead { line-height: 1.25; } .homeBanner .boxLink {background: #acc7c3; border: none; border-radius: 5px;} .homeBanner .boxLink:hover { opacity: 1; background: #fff; color: #acc7c3;} /*---------- ABOUT -----------*/ .rightPanel img, .leftPanel .panelContent { float: right;} .rightPanel .panelHeading {color:rgba(0,0,0,.7);} .rightPanel .panelText {color:rgba(0,0,0,.5);} .leftPanel img, .rightPanel .panelContent { float: left;} .leftPanel .panelHeading {color:#BBD9D6;} .leftPanel .panelText {color:rgba(255,255,255,.7);} .panelContent {max-width: 584px;} .benefitModules {padding:40px 20px 0;} .benefitModules li {width: 33.3333%; max-width: 370px; padding:20px 40px 0; float: left;} /*----------FAQ-----------*/ .faqList li {padding:20px 30px; clear:both;} a.question {cursor:pointer; display:inline-block; position: relative; font-family: "brandon-grotesque", Arial, Verdana, sans-serif; } a.question span:before {font-family: "brandon-grotesque", Arial, Verdana, sans-serif; display:inline-block; color:#BBD9D6; font-size: 100%; content:"+"; font-weight: 700; width:15px; height:15px; position: absolute; top:-1px; left:-25px;} a.question.ui-state-active span:before {content:"-"; } .ui-accordion-header, a.question:hover {} a.question:hover {opacity: .6;} .answer {clear:both; display: block; line-height: 1.8em;} /*----------BLOG-----------*/ .blogList {max-width:1200px ; padding:0 30px 30px; margin-bottom: 100px;} .blogList li {width:25%; max-width:285px; padding:10px; float:left; display: block; position: relative; } .blogList li:nth-child(4n+1) {clear:both;} .blogList li a {display: block;} .greyOverlay img, .greyOverlay .defaultPic {opacity: 1; } .blogList li:hover .greyOverlay img, .blogList li:hover .greyOverlay .defaultPic {opacity: 0;} .authorBio { min-height: 160px;} .bioExcerpt {display:block; width:150px; float: right; } .bioPic {position: absolute; top:0; left:0;} .post {padding:0 0 40px; margin-top: 40px;} .post:first-child {margin-top: 0;} .postPreview {max-width:855px; width:76.3393%; padding-left: 60px; float:left;} .relatedPosts ul li {max-width:193px; width:29.2424%; float:left; display: block; margin-left: 6.0606%;} /* BLOG RELATED POST */ .relatedPosts ul li:first-child {margin-left: 0;} .filterWrap {padding:60px 0 10px; margin-bottom: 10px; max-width:1120px;} .filterWrap .catList li, .viewSelect {display: inline-block;} .filterWrap .catList {display: inline; display: inline-block;} .viewSelect {position: absolute; right:0; top:60px;} .filterWrap .catList li a {color:#939598; padding-right: 25px;} li.view, li.list, li.grid {display: inline-block; float: left; } li.list, li.grid {width:30px; height: 30px; padding:0; overflow: hidden; } li.view {margin-right: 5px;} .grid a, .list a {width:30px; height: 30px; text-indent: -9999px; background: url(images/toggleview.svg) no-repeat; display: block; top:-8px; position: relative; } .grid a {background-position: center 9px;} .list a {background-position: center -99px;} .listview li.grid a {background-position: center -63px;} .listview li.list a {background-position: center -27px;} .col380 .catList {list-style: none; color:#BBD9D6; text-transform: lowercase; margin:0; padding:0; } .col380 .catList li {display: block; clear:both; font-size:10px; margin-bottom: 5px;} .col380 .catList a {font-size: 18px; font-family: "pt-serif", serif, Georgia, Times; font-style: italic;} .textList { float:left; padding-left: 100px; margin: 40px 0;} .textList li {padding-bottom:30px; margin-bottom: 30px; clear:both; position: relative; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; border-bottom: 1px dashed #EAEAE9;} .textList li:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;} .listCount {display: block; width:60px; height: auto; position: absolute; left:-100px; top:0; background: #163945;} .col4 {line-height: 34px; height: 34px; display: block; margin-top: 20px;} .col4 > div {text-align: left; float: left; display: block; padding-right: 40px;} .col4 > div:nth-child(4) {padding-right: 0; float: right;} .printer span {width: 34px; height:34px; display:inline-block; position: relative; float: right; margin-left: 10px;} .printer svg {position:absolute; height: 18px; width: auto; display:block; line-height: 34px; margin-top: -9px; top:50%; left:8px;} .printer path, .printer ellipse { fill: #FFF;} .directions {margin:20px 0; position: relative; padding-left: 40px;} .directions span {display: block; position: absolute; left:0; top:-3px; height: 24px; width: 24px; line-height: 24px; text-align: center; } /*----------FORMS-----------*/ .gform_wrapper {font-family: "brandon-grotesque", Arial, Verdana, sans-serif; } ul.gform_fields { list-style: none; margin: 0; padding:0;} ul.gform_fields li {margin-bottom: 15px; text-align: left; position: relative;} li.gform-left, li.gform-right { width:48%; } li.gform-left {float:left;} li.gform-right {float:right;} .gform_body input.medium, .gform_body textarea.medium, .gform_body label { display: block; width: 100%; font-size: 0.563em; line-height: 18px; font-weight:700; padding:8px 10px; letter-spacing: .1em; color: rgba(0,0,0,.3); font-family: "brandon-grotesque", Arial, Verdana, sans-serif; } //#gform_1 label, #gform_3 label, #gform_4 label {position: absolute; text-transform: uppercase; padding:9px 11px;} #gform_1 .gform_body input, #gform_1 .gform_body textarea.medium, #gform_3 .gform_body input, #gform_3 .gform_body textarea.medium, #gform_4 .gform_body input, #gform_4 .gform_body textarea.medium{ border:1px solid #DBDBDB; margin-bottom: 5px; } .gform_heading { margin-bottom: 30px; } .gfield_required, .required { padding: 3px; color:rgba(0,0,0,.5); font-weight: 700; } .validation_error, .validation_message, .gform_confirmation_message {color:rgba(0,0,0,.5); text-transform: uppercase; font-size: 0.625em; font-weight: 700; letter-spacing: .1em; padding:2px 0 5px 0; text-align: left;} li.gform_validation_container {display:none;} //#gform_wrapper_2 {text-align: center;} #gform_wrapper_2 {width:auto; display: inline-block; margin:15px auto 10px;} //#gform_wrapper_2 ul.gform_fields li {margin: 0 10px 0 0; float: left; } //#gform_wrapper_2 .gform_body, //#gform_wrapper_2 .gform_footer {width: auto; float:left; display: inline-block;} //#gform_wrapper_2 .gform_footer, //#gform_wrapper_2 .gform_heading {float:left; display:inline-block; padding:0 30px 0 0;} //#gform_wrapper_2 .gform_heading h3 {display: inline; font-weight:900; font-family: "brandon-grotesque", Arial, Verdana, sans-serif; color:#59644C; font-size:1.25em; padding-right: 3px; } #gform_wrapper_2 .gform_heading { display: none !important; } #gform_wrapper_2 .gform_footer { padding: 0 !important; margin: 0 auto !important; } //gform_wrapper_2 .gform_heading span {display: inline; color: rgba(0,0,0,.4); font-style: italic; font-size:0.875em;} //.gform_validation_error #gform_wrapper_2 .gform_heading {padding-top: 24px;} #gform_wrapper_2 label, #gform_wrapper_2 .gform_body input {color:#FFF; line-height: 18px; font-family: "pt-serif", Georgia, serif, Times; font-size: 70%; margin:0; letter-spacing: .05em; padding:6px 12px;} #gform_wrapper_2 .gform_body input {float:left; min-width:200px; background: rgba(0,0,0,.05); border:none;} #gform_wrapper_2 label {position:absolute; text-transform: none; font-style: italic; } //.preHeader #gform_wrapper_2 { margin: 10px auto 2px; } .preHeader #gform_wrapper_2 label, .preHeader #gform_wrapper_2 .gform_body input { font-family: "brandon-grotesque", Arial, Verdana, sans-serif; font-size: 10px; text-transform: uppercase; color: #b3b3b3; background: #fff; padding: 3px 6px; } .preHeader #gform_wrapper_2 input.gform_button { background: #BBD9D6; color: #fff; padding: 5px 10px; margin-left: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #BBD9D6;} #gform_wrapper_2:after {display: block; content: ""; clear: both; width:1px; height: 1px;} .form .gform_wrapper { max-width: 500px; margin: 30px auto 0; } //.form .formHeading { text-align: center; } .form .formHeading span { font-weight: normal; display: block; text-transform: uppercase; font-size: 0.65em; } input[type="submit"] { background: #acc7c3 !important; font-family: "brandon-grotesque", sans-serif !important; font-weight: 900 !important; letter-spacing: .2em !importants; color: #fff !important; font-size: 0.75em !important; text-transform: uppercase !important; padding: 10px 40px !important; } form label { font-weight: bold !important; padding-left: 0 !important; text-transform: uppercase !important; text-align: left !important; } /*----------SLIDERS-----------*/ #imageCycle {position: relative; position: relative; overflow: hidden; z-index: 1;} #imageCycle li {overflow: hidden; max-height: 642px;} #imageCycle li img {width:100%; height: auto;} #imageCycle .flex-disabled {display: none;} ul.flex-direction-nav {z-index: 666;} ul.flex-direction-nav a.flex-prev {left:0; } ul.flex-direction-nav a.flex-next {right:0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .flexslider ul.flex-direction-nav a:hover {opacity: .6;} ul.flex-direction-nav a {position: absolute; width: 80px; z-index: 666; text-indent: -9999px; overflow: hidden; cursor: pointer; height:80px; top:50%; display:block; opacity: 1; background: url(images/arrow-circle.svg) no-repeat center center; margin-top: -40px;} ol.flex-control-nav {z-index:888; position: absolute; bottom: 20px; width: 100%; text-align: right; padding-right: 20px;} ol.flex-control-nav li {display: inline-block;} .flex-control-nav li a{ display:block; width:6px; height:6px; line-height: 6px; float: left; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin:0 0 0 8px; background: rgba(255,255,255,.3); cursor:pointer; text-indent: 9999px;} .flex-control-nav li a:hover{opacity: .6;} .flex-control-nav li a.flex-active {background:#FFF; } #pressCycle {padding:20px 50px; margin-bottom: 20px;} #pressCycle ul.flex-direction-nav a {position: absolute; width: 60px; z-index: 666; text-indent: -9999px; overflow: hidden; cursor: pointer; height:100%; top:0; margin-top: auto; display:block; opacity: 1; background: url(images/arrow-green.svg) no-repeat center center; } #pressCycle ul.flex-direction-nav a.flex-prev {left:0;} #pressCycle ul.flex-direction-nav a.flex-next {right:0;} #pressCycle li img {max-height: 140px; display: block; margin:0 auto; width:auto; height: auto;} #pressCycle a.flex-disabled { display: none !important;} #pressCycle.flexslider ul.flex-direction-nav a:hover {opacity: .6;} #reviewCycle {margin-bottom: 0; padding:0 80px; max-width: 960px; margin-left: auto; margin-right: auto; } #reviewCycle img {max-width: 100px; width:100%; height: auto; margin:0 auto 20px;} #reviewCycle .fs160 {padding:20px 0;} #reviewCycle ol.flex-control-nav, #imageCycle.gallery ol.flex-control-nav {position: relative; right:auto; top:auto; text-align: center; padding-right: 0;} #imageCycle.gallery ol.flex-control-nav {bottom:0; margin:20px 0 0;} #reviewCycle .flex-control-nav li a, #imageCycle.gallery .flex-control-nav li a {background:rgba(0,0,0,.3);} #reviewCycle .flex-control-nav li a.flex-active, #imageCycle.gallery .flex-control-nav li a.flex-active {background:rgba(0,0,0,.6); } #reviewCycle ul.flex-direction-nav a {background: url(images/arrow-review.svg) no-repeat center center; opacity: 1;} #reviewCycle.flexslider:hover ul.flex-direction-nav a {opacity: 1;} #reviewCycle.flexslider ul.flex-direction-nav a:hover {opacity: .3;} /*----------NAVIGATION-----------*/ .preHeader { background: #f2f3f4; text-align: center; } .preHeader span { margin-right: 20px; } .preHeader span, .preHeader .gform_wrapper { display: inline-block; vertical-align: middle; } /* Primary Nav */ nav.primary {position:relative; width:100%; z-index: 888; display: block; padding:10px 20px 11px; font-weight: 900;} nav.primary > ul {height: 12px; line-height: 12px; max-width:1000px; width:100%; margin:0 auto; display: block; text-align: center;} nav.primary > ul > li {position:relative; display: inline-block; margin-left:20px; padding-left:25px; border-left: 1px solid rgba(0,0,0,.3);} nav.primary > ul > li:first-child, nav.primary > ul > li:last-child {border:none; margin-left:0; padding-left: 0;} nav.primary ul li a {color:#939598; font-size:0.75em;} nav.primary ul li#current > a, .primary .sub-menu li.current_page_item a {color:#55565A;} nav.primary > ul > li.schedule a {color:#BBD9D6; padding:5px 10px; margin-left:20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border:1px solid #BBD9D6; } .borderWrapGrey .schedule {display: none;} .fixedNav { position: fixed; top: 0; left: 0; width:100%; z-index: 999; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07); } .fixedNav nav {float: right; width:auto; margin-top: 14px;} .menu-item-has-children > a {position: relative; cursor: pointer;} .menu-item-has-children > a:after {content: "+"; display: inline; padding-left: 5px;} .menu-item-has-children > a.open:after {content: "-";} .menu-item-has-children .sub-menu {display: none;} .primary .menu-item-has-children > a {padding-right: 0;} .primary .menu-item-has-children .sub-menu {display: block; position: absolute; left:50%; margin-left:-65px; text-align: center; width:150px; visibility: hidden; padding-top: 10px; opacity:0; filter:alpha(opacity=0); } .primary .menu-item-has-children:hover .sub-menu {visibility: visible; opacity:1; filter:alpha(opacity=100);} .primary .menu-item-has-children .sub-menu li {background: #c5d3b5 url(images/txtr-bg@2x.png) fixed center top repeat; padding:0 15px; background-size: 400px auto;} .primary .menu-item-has-children .sub-menu a { display: block; color: #FFF; line-height: 1.2em; font-size: 0.688em; padding: 15px 0; font-weight: 700; border-bottom: 1px solid #FFF;} .primary .menu-item-has-children .sub-menu li:last-child a{border-bottom: 0; } /* Anchor Nav */ nav.anchors {position:relative; width:100%; z-index: 888; display: block; padding:10px 20px 11px; font-weight: 400; border-bottom: 1px solid rgba(0,0,0,.08);} nav.anchors > ul {height: 12px; line-height: 12px; max-width:1000px; width:100%; margin:0 auto; display: block; text-align: center;} nav.anchors > ul > li {position:relative; display: inline-block; margin-left:10px; padding-left:15px; border-left: 1px solid rgba(0,0,0,.08);} nav.anchors > ul > li:first-child {border:none; margin-left:0; padding-left: 0;} nav.anchors ul li a {color: rgba(0,0,0,.4); font-size:0.688em;} /* Mobile Nav */ .toggleWrap {display: none; position: absolute; z-index: 7777; right:16px; top:16px;} a.mobileNavToggle { cursor: pointer; padding:0; opacity: .5; display: block; width:20px; height: 12px;} a.mobileNavToggle.open {opacity: 1;} a.mobileNavToggle span, a.mobileNavToggle span:before, a.mobileNavToggle span:after { cursor: pointer; height: 2px; width: 20px; position: relative; top:5px; background: #5D8484; position: absolute; display: block; content: ''; } a.mobileNavToggle span:before { top: -5px; } a.mobileNavToggle span:after { bottom: 0; } a.mobileNavToggle span, a.mobileNavToggle span:before, a.mobileNavToggle span:after { transition: all 250ms ease-in-out; } a.mobileNavToggle.open span { background-color: transparent; } a.mobileNavToggle.open span:before, a.mobileNavToggle.open span:after { top: 0; } a.mobileNavToggle.open span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } a.mobileNavToggle.open span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mobileNav { display: none; top:0; z-index: 999; width:100%; } .mobileNav > ul {border-bottom: 1px solid rgba(255,255,255,.1);} .mobileNav > ul > li {border-top: 1px solid rgba(255,255,255,.1); padding-left:40px ; padding-right:40px ;} .mobileNav ul li a {color:rgba(255,255,255,.5); padding:16px 0 12px; display: block; text-align: center; font-size:0.75em;} .mobileNav .sub-menu {padding:0 0 15px 0;} .mobileNav .sub-menu li a {padding:2px 20px; font-size:0.625em;} .mobileNav .sub-menu li.current_page_item a, .mobileNav li#current > a {color:#FFF; font-weight: 700;} .mobileNav .menu-item-has-children > a {padding-left: 10px;} .mobileNav .menu-item-has-children > a:after {color:rgba(255,255,255,.5);} /* TABLET BREAK */ @media (max-width: 1024px) { body {padding-top: 62px !important;} footer {background-position: 550px 136px; } .maxWidth {overflow: hidden;} .tshow {display: block!important;} .thide {display: none!important;} .tbreak {clear:both; display: block;} .tpad {padding-left: 20px; padding-right: 20px;} .ptb100 {padding-top: 50px; padding-bottom: 50px;} .preHeader { display: none !important; } .toggleWrap {display: block; } nav.primary {display: none;} nav.primary.inpage {display: block;} .fixedNav nav {float: none; width:100%; margin-top: 0;} a.mobNavToggle {display: inline-block; margin:10px auto;} a.mobNavToggle {padding-right: 15px; position: relative; margin-right: -15px;} a.mobNavToggle:after {content: "+"; position: absolute; right:0; } a.mobNavToggle.open:after {content: "-";} .cta span {display:block; margin-bottom: 30px;} .cta a {display: inline-block;} .leftPanel img, .rightPanel .panelContent, .rightPanel img, .leftPanel .panelContent { float: none; margin-left: auto; margin-right: auto;} .leftPanel .panelHeading {color:#BBD9D6;} .leftPanel .panelText {color:rgba(255,255,255,.7);} .panelContent {max-width: 100%;} .col35, .col65 {width:100%;} .col35 > div, .col65 > div {padding:40px 20px; max-width: 100%;} li.gform-left, li.gform-right { width:100%; } .blogList {padding:0 10px 30px; margin-bottom: 0;} .blogList li {width:33.3333%; max-width:285px;} .blogList li:nth-child(4n+1) {clear:none;} .blogList li:nth-child(3n+1) {clear:both;} .homeBanner { padding-top: 8em; padding-bottom: 8em; } .col740 {width:100%; float:none; max-width: 100%; padding:0; } .col380 {width:100%; max-width: 100%; padding:40px 0;} .bioExcerpt {width:100%; padding-left: 130px;} .postCats, .socialShare {width:50%; float:left;} .postCats {padding-left: 20px;} .socialShare {padding-right: 20px;} } /* PHONE BREAK */ @media (max-width: 767px) { body.home {padding-top: 62px;} .wrap { margin-bottom: 0;} .wrap:after {display: none;} footer {height: auto; text-align: center;} footer .borderBottomSml:after {margin-left: auto; margin-right: auto;} .credits {float: none; padding:40px 0; width:100%; } .logo {margin: 0px auto; float:none;} .pshow {display: block!important;} .phide {display: none!important;} .pbreak {clear:both; display: block!important;} .ppad {padding-right: 20px; padding-left: 20px;} .mbottom100 {margin-bottom: 40px;} .mbottom80 {margin-bottom: 40px;} .prl40 {padding-right: 20px; padding-left: 20px;} nav.primary.inpage, nav.anchors {display: none;} .home .fixedNav {display: block;} .bioImage, .bioContent {float: none; width:100%;} .bioImage {margin:0 auto; display: block;} .bioContent {padding:30px 20px 0;} .postList li {float:none; width:100%; margin:0 auto 40px; max-width: 250px;} .postList li:last-child {margin-bottom: 0;} .serviceModules li {width: 100%; float: none; display: block; clear:both; margin: 0 auto 40px;} .serviceModules li:last-child {margin-bottom: 0;} #imageCycle li img {width:auto; height: 300px; position: relative; left:50%; margin-left: -100%;} #pressCycle {padding:0;} .messaging img.full {max-height: 400px; min-height: 300px; width: auto; max-width: unset;} .messagingText {padding:0 40px;} .messagingText div:last-child p {margin-bottom: 0;} .messagingText {background: none; min-height: auto; padding-top: 0;} #reviewCycle {font-size: 50%; padding:0 40px;} #reviewCycle img, #reviewCycle .flex-control-nav{display: none;} #reviewCycle ul.flex-direction-nav a {width:40px; height: 40px;} .about .col380, .about .col740 {width:100%; padding:20px; float:none; text-align: left;} .benefitModules {padding:0 20px;} .benefitModules li {width: 100%; padding:40px 20px; float: none; clear:both; margin: 0 auto;} .blogList li, .blogList li:nth-child(3n+1), .blogList li:nth-child(4n+1) {width:100%; max-width:285px; margin:0 auto; float:none; clear:both;} .postPreview, .col265 {width:100%; clear:both; margin:0 auto; padding:0; float:none;} .col265 {margin-bottom: 40px;} blockquote {font-size:1.5em; } .quote p {padding: 20px; background:none;} .quote:before, .quote:after {left:0; width:100%;} .postCats, .socialShare {width:100%; float:none; clear:both; padding:0;} .about .flexr .messagingText {padding-top: 240px;} } /* ============================================================================= Non-Semantic Helper Classes ========================================================================== */ /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;}