/* Theme Name: Boatwright Theme URI: Description: Custom theme for Chelsey Boatwright 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: 'Merriweather', Georgia, Times, serif; color: #999999; font-weight: 400;} body { margin: 0; font-size: 1em; 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; } blockquote { margin: 1em 40px; } 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: 'Oswald', Helvetica, sans-serif;} /* 300, 400, 700 */ .serif {font-family: 'Merriweather', Georgia, Times, serif;} /* 300, 400 700 */ .fw300 {font-weight: 300;} .fw400 {font-weight: 400;} strong, b, .fw700 {font-weight: 700;} .italic { font-style: italic;} .normal { font-weight: 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;} .fs50 {font-size: 50%; line-height: 2.5em;} .fs55 {font-size: 55%;} .fs60 {font-size: 60%;} .fs65 {font-size: 65%; line-height: 1.8em;} .fs70 {font-size: 70%; line-height: 1.8em;} .fs75 {font-size: 75%; line-height: 1.8em;} .fs80 {font-size: 82%; line-height: 1.8em;} .fs85 {font-size: 88%;} .fs90 {font-size: 90%;} .fs95 {font-size: 95%; line-height: 1.8em;} .fs120 {font-size: 120%;} .fs140 {font-size: 140%;} .lh1 {line-height: 1em;} .lh12 {line-height: 1.2em;} .lh18 {line-height: 1.8em;} .lh25 {line-height: 2.5em;} .lh30 {line-height: 3em;} /*----------LAYOUT-----------*/ * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;} .mzero p {margin-top: 0; margin-bottom: 0;} .mtop5 {margin-top: 5px;} .mtop10 {margin-top: 10px;} .mtop20 {margin-top: 20px;} .mtop25 {margin-top: 25px;} .mtop30 {margin-top: 30px;} .mtop40 {margin-top: 40px;} .mtop60 {margin-top: 60px;} .mright40 {margin-right: 40px;} .mbottom10 {margin-bottom: 10px;} .mbottom15 {margin-bottom: 15px;} .mbottom20 {margin-bottom: 20px;} .mbottom30 {margin-bottom: 30px;} .mbottom40 {margin-bottom: 40px;} .mbottom60 {margin-bottom: 60px;} .mbottom80 {margin-bottom: 80px;} .mbottom95 {margin-bottom: 95px;} .mtb20 { margin: 20px auto;} .mtb40 { margin: 40px auto;} .mtb50 {margin: 50px auto;} .mtb60 {margin: 60px auto;} .mtb80 {margin: 80px auto;} .p5 {padding:5px;} .p10 {padding:10px;} .p12 {padding:12px;} .p20 {padding:20px;} .ptop5 {padding-top: 5px;} .ptop10 {padding-top: 10px;} .ptop20 {padding-top: 20px;} .ptop30 {padding-top: 30px;} .pbottom10 {padding-bottom: 10px;} .pbottom20 {padding-bottom: 20px;} .pright15 {padding-right:15px;} .prl5 {padding:0 5px;} .prl10 {padding:0 10px;} .prl15 {padding:0 15px;} .prl25 {padding:0 25px;} .prl30 {padding:0 30px;} .prl40 {padding-left: 40px; padding-right: 40px;} .prl45 {padding-left: 45px; padding-right: 45px;} .prl60 {padding-left: 60px; padding-right: 60px;} .prl70 {padding-left: 70px; padding-right: 70px;} .ptb5 {padding-top: 5px; padding-bottom: 5px;} .ptb20 {padding-top: 20px; padding-bottom: 20px;} .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;} .tshow {display: none;} .pclear {display: none;} img.full, .pageText img {width:100%; height: auto; margin-left:auto; margin-right: auto;} .fullWidth{width:100%; overflow: hidden;} .maxWidth {max-width: 1090px; width: 100%;} .col960 {width:100%; max-width: 960px;} .col900 {padding: 0 50px; width:100%; max-width: 900px;} .col800 {width:100%; max-width: 800px;} .col740 {width:77.0833%; max-width: 740px; float:right;} .col630 {width:65.625%; max-width: 630px; float: left;} .col600 {width:75%; max-width: 600px; float: left;} .col550 {width:57.2916%; max-width: 550px; float: right;} .col490 {width:66.2162%; max-width:490px; float: left;} .col370 {width:38.5416%; max-width: 370px; float:left;} .col350 {width:47.2972%; max-width: 350px;} .col290 {max-width:290px; width: 30.2083%;} .col260 {max-width:260px; width: 100%;} .col220 {width:29.7297%; max-width: 220px; float:left;} .col220.middle {margin-left: 5.4054%; margin-right: 5.4054%;} .col210 {max-width:210px; width: 28.3783%; float: right;} .col165 {max-width:165px; width: 20.625%; float: right;} .col145 {width: 145px; float: left;} .col2 { width:100%; max-width: 820px; -webkit-columns: 2 400px; -moz-columns: 2 400px; columns: 2 400px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } /*----------LINKS & COLORS-----------*/ a, a img, a svg, .flexslider img, .flexr, #galleryThumbs { -moz-transform: rotate(0); -webkit-backface-visibility: hidden; -moz-backface-visibility:hidden; backface-visibility: hidden; -webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; } a.blue:link, a.blue:visited, .blue {color:#667c8c;} .grey {color:#999999;} .ltGrey {color:#AFB7BB;} a:link, a:visited, .grey {color: #5e5e5e;} a.white:link, a.white:visited, .white {color: #FFF;} a:hover, a:active {color: #bfbfbf;} a.white:hover, a.white:active, a.blue:hover, a.blue:active, a:hover img, a:hover svg, .socialShare a:hover, .socialShare a:active {opacity: .6;} /* !SOCIAL LINKS -----------*/ .socialNav svg { height: 12px; width: auto; display: block; } .socialNav a { width: 12px; height: 12px; display:inline-block; margin:0 5px; text-indent: -9999px; overflow: hidden;} .socialNav path { fill: #667c8c;} .col960 .socialNav svg {display: inline-block; margin-right: 8px;} .col960 .socialNav a {text-indent: 0; width:auto; overflow: visible; position: relative; top:2px;} .col960 .banner .socialNav svg {margin:5px 46px; display: block;} .col960 .banner .socialNav a {top:auto; height: auto; margin-bottom: 20px;} .socialShare a {margin-left: 20px; float: none; display: inline-block;} .socialShare .dots span {top:-4px;} .col165 .socialNav svg {display: inline-block; margin-right: 8px;} .col165 .socialNav a {text-indent: 0; width:auto; overflow: visible; position: relative; top:2px; color:#999;} /*----------TEXTURES & BORDERS-----------*/ .borderTop {border-top: 1px solid #CCC;} .border9 {border:9px solid #FFF;} .divider {width:100%; height:9px ; display: block; background: url(images/blue-lines.svg) repeat-x center top;} .lineWhiteWrap {display: block; background: url(images/white-hr.svg) repeat-x left top, url(images/white-hr.svg) repeat-x right bottom; } .lineBottomBlue {border-bottom: 1px solid #667c8c; } .linesWrap {background: url(images/blue-line.svg) repeat-x left top, url(images/blue-line.svg) repeat-x right bottom;} .headingLine {position: relative; display: inline-block; padding:0 50px; } .headingLine span {padding:2px 25px; position: relative; z-index: 2222;} .headingLine:after {width: 100%; content:""; background: #667c8c; height: 1px; display: block; position: absolute; top:50%; left:0px; z-index: 1111; } .arrowMore:after {position:absolute; display: block; content:""; left:50%; margin-left:-18px; width:35px; height: 20px; background: url(images/sprite.svg) no-repeat left top;} .sideHeading {width: 330px; position: absolute; left:-154px; top:154px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .sideHeading div {background: #FFF url(images/dots.svg) repeat center center; display: inline-block; position: relative; z-index: 2222; height: 18px; } .sideHeading span {padding:0 5px; margin:0 10px; line-height: 0; position: relative; top:-4px;} .sideHeading:after {width: 100%; content:""; background: #667c8c; height: 1px; display: block; position: absolute; top:35%; left:0px; z-index: 1111; } .dots {background: url(images/dots.svg) repeat left center; display: inline-block; position: relative; height: 18px; } .dots span {background:#fff; padding:0 5px; margin:0 10px; line-height: 0; position: relative; top:-2px;} .banner {padding:10px 15px; width:145px; height:334px; display: block; float:left; margin-left:25px; background: url(images/banner.png) no-repeat center top; } .banner a {display: block; clear:both; } .banner span:after {content:"x x x"; color:#C1C7C9; display: block; clear:both; padding:4px 0;} .banner span:last-child:after {display: none;} .col960 .banner {margin:0;} .moreIcon:after {border-radius: 50%; color:#FFF; line-height: 15px; text-align: center; font-weight: 700; font-style: normal; -moz-border-radius: 50%; -webkit-border-radius: 50%; content:">"; background: url(images/darkblue.jpg); display: inline-block; width:15px; height:15px; margin-left: 5px; } .videoBg {background: rgba(175,183,187,.2) url(images/dots.svg) repeat-x center center;} .videoBg .dots {top:-10px;} .whiteBg {background: #FFF;} .blueBg {background: rgba(106,128,144,.9);} .ltGreyBg {background-color: #F5F5F5;} .ltGreyTxtr {background: url(images/footertexture.jpg) repeat center top;} .paperTxtr {background: url(images/paper-txtr.png) repeat center top;} .blueTxtr {background: url(images/blue-txtr.png) repeat left top;} .dkBlueTxtr {background: url(images/darkblue.jpg) repeat left top;} .catBanner {width:45px; height: 85px; background: url(images/cat-banner.png) no-repeat center top; padding:20px 5px;} /*----------PAGES-----------*/ html, body { height: 100%; } .wrap { width:100%; margin:0 auto; min-height: 100%; margin-bottom: -140px; background:#FFF url(images/top-txtr.png) repeat-x center top; } .wrap:after {content: ""; display: block;} footer, .wrap:after {min-height: 140px;} footer {background: url(images/anchor.png) no-repeat center center, url(images/footertexture.jpg) repeat center top; } header {position:relative; margin:0 auto; width:100%; min-height: 100px; } a.logo {width: 124px; height: 190px; display: block; text-indent: -9999px; background: url(images/chelsey-boatwright-photography-logo.png) no-repeat center center; position: relative; margin:30px auto; -webkit-transition:none; -moz-transition:none; transition:none;} a.logo:hover {opacity: 1;} .homeMap {float:left; max-width:330px; width:33.8461%;} .home .postList {width:100%; max-width:830px; margin:30px auto 0; background: #FAFAFA; float:right;} .postList li{ width:53.021%; max-width:440px; float: left; padding:10px;} .postList li:first-child {width:46.979%; max-width:390px; } .postList li:last-child {background: #F5F5F5;} .postList li .imgLink {width:41.6666%; max-width:175px; float:left; display: block;} .postList li:first-child .imgLink {width:100%; max-width: 370px; } .overlayWrap {position: absolute; width:100%; height: 100%; display:block; left:0; top:0; } .postList li .overlayWrap {padding:5px;} .postList li:first-child .overlayWrap {padding:10px;} .overlay {width:100%; height:100%; background: url(images/white-hr.svg) repeat-x left bottom, url(images/white-hr.svg) repeat-x right top, url(images/white-vr.svg) repeat-y left bottom, url(images/white-vr.svg) repeat-y right top; } .postInfo {float:left; padding:5px 5px 5px 15px; width:58.3333%; max-width:245px; display: block;} .postList li:first-child .postInfo {width:100%; max-width:175px; position: absolute; bottom:20px; left:20px; padding:10px;} .termIcon {position:absolute; bottom:15px; right:20px;} .featuredCats {width: 130px; float: left; margin-top: 40px; padding-left: 50px;} .featuredCats ul li {margin-bottom: 30px;} .featuredCats .sideHeading {top:170px;} /*----------GALLERY PAGES-----------*/ .galleryList {width:100%; max-width: 752px; padding: 4px;} .galleryList li {list-style: none; float:left; position: relative; width:33.3333%; max-width:248px; padding:0 4px 8px;} .galleryList li a:hover img, .galleryList li:hover .flexr {opacity: 1;} .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; } .galleryList .flexr { background: rgba(106,128,144,.9); opacity: 0; margin:0 4px 8px; } /*----------FLEX CONTENT-----------*/ .stepHeading {padding:12px 0 0 60px;} .stepNo {display: block; width:44px; height: 44px; position: absolute; left:0; top:0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height: 1em; padding-top: 4px; } .stepNo:after {content:""; display:block; width:50px; height:50px; border:1px solid #667c8c; position: relative; left:-4px; top:-40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } /*----------RELATED LIST-----------*/ .relatedList li {float:left; display:block;width:31.0810%; max-width:230px; margin-right:3.3783%; margin-bottom: 25px;} .relatedList li:nth-child(3n) {margin-right: 0;} .relatedList li:nth-child(3n+1) {clear:both;} /*----------BLOG-----------*/ #navBelow { position: relative; width: 100%;} .navNext a, .navPrevious a {color:#667c8c; display: block; margin-bottom: 40px;} .navNext a {float:right;} .navPrevious a {float:left;} .catList li {float: left; width:40%; } .catList li:nth-child(2n) {float:right;} .relatedPosts {width:100%; max-width:600px; } .relatedPosts li {float:left; display:block; width:31%; max-width:186px; margin-right:3.5%; margin-bottom: 25px;} .relatedPosts li:nth-child(3n) {margin-right: 0;} .relatedPosts li:nth-child(3n+1) {clear:both;} .paged .blogGrid ul li:first-child, .archive .blogGrid ul li:first-child, .blogGrid ul li {width:50%; max-width: 300px; float: left; text-align: left; border-bottom: none; margin-bottom: 40px;} .blogGrid ul li:nth-child(2n){padding-right: 10px; clear:both;} .blogGrid ul li:nth-child(2n-1) {padding-left: 10px;} .blogGrid ul li:first-child {width:100%; max-width:100%; border-bottom: 1px solid #CCC; text-align: center; padding: 0;} .paged .blogGrid ul li:first-child, .archive .blogGrid ul li:first-child {padding-right: 10px!important; padding-left: 0; } .paged .blogGrid ul li:nth-child(2n-1), .archive .blogGrid ul li:nth-child(2n-1) {padding-right: 10px; padding-left: 0; clear:both;} .paged .blogGrid ul li:nth-child(2n), .archive .blogGrid ul li:nth-child(2n){padding-left: 10px; padding-right: 0; clear:none;} /*----------FAQ-----------*/ .faqList {padding-left: 20px;} .faqList li {padding:15px 0; clear:both;} a.question {cursor:pointer; display:inline-block; position: relative; } a.question span:before {display:inline-block; color:#667c8c; font-size: 140%; content:"+"; width:15px; height:15px; position: absolute; top:-7px; left:-15px;} a.question.ui-state-active span:before {content:"-"; } .ui-accordion-header, a.question:hover {color:#667c8c;} a.question:hover {opacity: .6;} .answer {clear:both; display: block; padding-top: 5px; line-height: 1.8em;} /* !COMMENTS - - - */ .comment-form p {position: relative; margin:0 0 10px; } .comment-form {margin-top: 0;} textarea#comment { height: 150px; resize: none; } h3.reply-title {margin:0; padding:0;} ol.commentlist { list-style: none; padding: 0; } ol.commentlist li { padding:20px 0; clear:both;} .comment-info {width:20%; float:left; clear: left; letter-spacing: .125em; text-transform: uppercase;} .comment-author {letter-spacing: .1em; text-transform: uppercase; font-size: 70%; font-family: 'Oswald', Helvetica, sans-serif; font-weight: 300;} .comment-meta { font-size: 70%;} .comment-body { float:right; width:75%; font-size: 70%; padding-left:15px;} .comment-awaiting-moderation {float:left; letter-spacing: .125em; font-size: 70%; text-transform: uppercase; margin: 30px 0; display:inline-block; color: #5e5e5e; } .comment-respond {clear:both; margin-top:30px;} textarea#comment {line-height: 1.4em; padding-top: 12px;} /*----------CONTACT-----------*/ #gform_wrapper_1, #gform_confirmation_wrapper_1 {width:77.0833%; max-width: 740px; float:right;} #gform_confirmation_wrapper_1 {font-size: 140%;} ul.gform_fields { list-style: none; margin: 0; padding:0;} ul.gform_fields li {margin-bottom: 15px;} ul.gform_fields li {text-align: left; position: relative;} .gform_body label, .comment-form label, #searchform label {font-style:italic; font-size:60%; display: block; color:#999999; letter-spacing: .1em; padding:6px 12px 6px 0; line-height: 18px;} input.medium, textarea.medium, #commentform input[type=text], #commentform textarea, #searchform input {border:0; border-top:1px solid #CCC; background: #F8F8F8; color:#999999; padding: 6px 12px; margin: 0; width: 100%; letter-spacing: .05em; line-height: 18px; font-size: 60%;} li.gform-left, li.gform-right { width:49%; } li.gform-left {float:left;} li.gform-right {float:right;} .gfield_required, .required { padding: 3px; color:#667c8c; font-weight: 700; } .validation_error, .validation_message, .gform_confirmation_message {color:#667c8c; font-size: 55%; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; padding:2px 0 5px 0;} li.gform_validation_container {display:none;} #gform_2 .gform_body label, #searchform label {position: absolute; top:0; left:12px;} #gform_2 input.medium, #searchform input {border:1px solid #CCC; background: #FFF;} #searchform {position: relative;} /*----------BUTTONS-----------*/ input.gform_button, #commentform #submit, .button { font-family: 'Oswald', Helvetica, sans-serif; text-transform: uppercase; display:inline-block; padding: 10px 15px 5px 18px; margin:0; color: #FFF; border:0; background: url(images/darkblue.jpg); letter-spacing: .2em; transition: all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s; } input.gform_button, #commentform #submit {float: right; font-size: 80%;} .button {margin:0 auto; font-size:60%;} input.gform_button:hover, #commentform #submit:hover, .button:hover {opacity:.6; color:#FFF;} @-moz-document url-prefix() { input.gform_button, #commentform #submit, .button { padding-top:5px; } } input#gform_submit_button_2.gform_button {float:left;} .pinterest-button { display: block; margin: 0 auto; text-align: center; width: auto; max-width: 100%; position: relative; overflow: visible; } .pinterest-button img { display: block; margin: 0 auto; } .pinterest-button a.pin-it { display: block; width: 82px; height: 39px; background: url('images/pinit.png'); z-index: 9999; top: 66px; left: -5px; position: absolute; opacity: 0; visibility: hidden; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; } .pinterest-button:hover a.pin-it { visibility: visible; opacity: 1; } span.pinterest-button img { margin: 0 auto;} a.pin-it { display: block !important;} /*----------SLIDERS-----------*/ .cycleWrap {padding:0 65px; width:100%; max-width: 1090px;} .home #smlCycle {float:left; max-width:500px; width:51.2820%; position: relative; } .flexslider {margin: 0; padding: 0;} ul.flex-direction-nav a {position: absolute; width: 25px; height:25px; margin-top:-12px; top:50%; z-index: 6666; text-indent: -9999px; overflow: hidden; cursor: pointer; display:block;} #imageCycle.col290 ul.flex-direction-nav a {margin-top: 0; top:0;} #imageCycle ul.flex-direction-nav a, #pressCycle ul.flex-direction-nav a, #galleryCycle ul.flex-direction-nav a {background: url(images/sprite.svg) no-repeat -1px -25px, url(images/paper-txtr.png) repeat center center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} #smlCycle ul.flex-direction-nav a, .productCycle ul.flex-direction-nav a {background: url(images/sprite.svg) no-repeat -26px -25px; } ul.flex-direction-nav a.flex-next { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #imageCycle ul.flex-direction-nav a.flex-prev, #galleryCycle ul.flex-direction-nav a.flex-prev {left:-50px;} #imageCycle ul.flex-direction-nav a.flex-next, #galleryCycle ul.flex-direction-nav a.flex-next {right:-50px;} #imageCycle.col290 ul.flex-direction-nav a.flex-prev, #galleryCycle.col290 ul.flex-direction-nav a.flex-prev {left:0;} #imageCycle.col290 ul.flex-direction-nav a.flex-next, #galleryCycle.col290 ul.flex-direction-nav a.flex-next {right:0;} #pressCycle ul.flex-direction-nav a.flex-prev {left:-35px;} #pressCycle ul.flex-direction-nav a.flex-next {right:-35px;} .home #pressCycle ul.flex-direction-nav a.flex-next {right:-50px;} #smlCycle ul.flex-direction-nav a.flex-prev, .productCycle ul.flex-direction-nav a.flex-prev {left:0; } #smlCycle ul.flex-direction-nav a.flex-next, .productCycle ul.flex-direction-nav a.flex-next {right:0; } .flexslider ul.flex-direction-nav a:hover {opacity: .6;} #pressCycle {max-width: 835px; width:86.9791%; float:left;} .home #pressCycle {max-width: 875px; width:87.5%;} #pressCycle li img, #thumbCycle li img {max-height: 100px; display: block; margin:0 auto; width:auto; height: auto;} #pressCycle a.flex-disabled { display: none !important;} #pressCycle ul.flex-direction-nav a, #thumbCycle ul.flex-direction-nav a {opacity: 1;} #pressCycle.flexslider ul.flex-direction-nav a:hover, #thumbCycle.flexslider ul.flex-direction-nav a:hover {opacity: .6;} .pressHeading {width:13.0208%; max-width: 125px; float: left; display: block; line-height: 125px;} .home .pressHeading {width:12.5%;} #thumbCycle {padding-left:45px; padding-right: 45px;} #thumbCycle ul.slides li {opacity:.3; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #thumbCycle ul.slides li.flex-active-slide {opacity:1;} #thumbCycle ul.flex-direction-nav a.flex-prev {left:0px;} #thumbCycle ul.flex-direction-nav a.flex-next {right:0px;} #thumbCycle ul.flex-direction-nav a {background: url(images/sprite.svg) no-repeat -1px -25px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} .galleryContent {max-width:700px; width:50%; float:left;} .showThumbs {float: right; text-align: center; } .showThumbs:after {display:inline; content:"SHOW THUMBS";} .showThumbs.hideThumbs:after {display:inline; content:"HIDE THUMBS";} #galleryThumbs {opacity: 0; height:0px; width:100%;} #galleryThumbs.showThumbs {opacity: 1; height:125px; width:100%;} ol.flex-control-nav {z-index:8888; width: 100%; text-align: center;} ol.flex-control-nav li {display: inline-block;} .flex-control-nav li a{ display:block; width:8px; height:8px; line-height: 8px; text-indent: -9999px; float: left; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin:0 4px; background: #B9C2C6; cursor:pointer;} .flex-control-nav li a:hover{opacity: .6;} .flex-control-nav li a.flex-active {background:#6A8090;} /*----------NAVIGATION-----------*/ nav li#current>a, .single-post li.blogNav>a, body.blog li.blogNav>a, body.archive li.blogNav>a { opacity: .6;} /* Primary Nav */ nav.primary ul {list-style: none; margin-bottom: 30px;} nav.primary ul li {position:relative; display: inline-block;} nav.primary a { margin:0 30px; color:#667c8c; position: relative; padding:0 0 5px 3px;} nav.primary > ul > li > a:after {position:absolute; display: block; bottom:0; left:50%; margin-left:-12px; content:""; height: 1px; width: 25px; background:#667c8c;} nav li#current>a:hover, nav.primary a:hover, nav.sub a:hover, ul.mobile-nav a:hover {opacity: .3;} nav.primary>ul>li:last-child>a {margin-right: 0;} nav.primary>ul>li:first-child>a {margin-left: 0;} /* Primary Sub Nav */ nav.primary ul.subList {background: url(images/paper-txtr.png) repeat center top; padding:6px 15px; display: block; position: absolute; top: 24px; left: -9999em; z-index: 99999; text-align: center; width:110px; opacity: .7;} nav.primary li:hover ul.subList { left:5px; } nav.primary ul.subList li {display: block; position: relative;} nav.primary ul.subList a {display: block; height:auto; line-height: 1.4em; padding:4px 0; margin:0;} nav.primary ul.subList li.current_page_item a {opacity: .5;} /* Sub Nav */ .sub {max-width: 195px; float:left; line-height: 1.2em;} .sub ul li {display: block; position: relative; padding:0 0 14px 30px;} .sub a {color:#B3B3B3; position: relative;} .sub li.current_page_item a:before {position: relative; left:-30px; content:""; height:1px; width:15px; display: block; background: #667c8c; top:9px; } .sub li.current_page_item a {color:#667c8c;} /* toggles */ .toggleView {width:32px; height: 11px; background: url(images/blog-toggle.svg) no-repeat left -14px; display: block; margin-bottom: 10px; float:left;} .toggleView#listview {background-position: left 0px;} .toggleView a {width:11px; height: 11px; text-indent: -9999px; display: block; } .toggleArch {float: right; display: none;} .archCol {float: right; display: block; width:130px; padding-left: 20px; line-height: 12px;} a.mobNavToggle {display: inline-block; margin:5px auto; padding-right: 10px; position: relative;} a.mobNavToggle.catToggle, a.mobNavToggle.archToggle {margin:0 0 20px; line-height: 1em;} a.mobNavToggle:after {content: "+"; position: absolute; right:0; top:-1px;} a.mobNavToggle.open:after {content: "-";} .pageList,.catListAcc,.archListAcc {display: none;} .catListAcc, .archListAcc {background: url(images/paper-txtr.png) repeat center top; padding:10px 15px; display: none; position: absolute; top: 24px; z-index: 99999; width:110px;} .catListAcc li, .archListAcc li {padding-bottom: 6px;} .mobilePageNav {display: none;} /* Mobile Nav */ a.mobile-nav-toggle { width: 26px; height: 17px; position: absolute; top: 25px; right: 20px; cursor: pointer; display: none; z-index: 9999; } a.mobile-nav-toggle path {fill:#667c8c;} a.mobile-nav-toggle.open path {fill:#e1e2e3;} .mobile-nav-wrap { display: none; font-size: 60%; } ul.mobile-nav { width: 100%; margin:0; padding:0; display: inline-block; line-height: 0; background: #eff1f0;} ul.mobile-nav li { display: block; border-bottom: 1px dashed #c4c6c5; } ul.mobile-nav li:last-child {border-bottom: 0;} ul.mobile-nav li.current_page_item, ul.mobile-nav li.current-page-ancestor, ul.mobile-nav li.current_page_parent {background: #e1e5e6;} ul.mobile-nav a { padding: 12px; text-align: center; display: block; color:#667c8c; line-height: 1.4em;} @media (max-width: 1089px) { .thide {display: none!important;} .tpad {padding-left:25px; padding-right: 25px;} .tpadTop {margin-top: 25px;} .banner {padding:5px 30px 15px; clear:both; width:100%; height:auto; display: block; float:none; margin:0 auto; background: url(images/blue-lines.svg) repeat-x center bottom; } .banner a {display: inline-block; clear:none; } .banner span:after {content:"x x x"; color:#C1C7C9; display: inline-block; clear:none; padding:0 20px;} .banner span:last-child:after {display: none;} .pressHeading, .home .pressHeading {float:none; margin:0 auto; width:100%; line-height: 1em; padding:20px; text-align: center;} #pressCycle {width:100%; max-width: 100%; padding:0 55px;} #pressCycle ul.flex-direction-nav a.flex-prev, .home #pressCycle ul.flex-direction-nav a.flex-prev {left:15px;} #pressCycle ul.flex-direction-nav a.flex-next, .home #pressCycle ul.flex-direction-nav a.flex-next {right:15px;} .home .postList {width:100%; float:none;} .col600 {width: 100%; float: none; margin:0 auto; } .col600 {max-width: 100%;} .toggleArch {display: block;} .paged .blogGrid ul li:nth-child(even), .archive .blogGrid ul li:nth-child(even), .blogGrid ul li:nth-child(even) {float: right;} } @media (max-width: 960px) { #thumbCycle ul.flex-direction-nav a.flex-prev {left:20px;} #thumbCycle ul.flex-direction-nav a.flex-next {right:20px;} .col145 {width: 100%; max-width: 100%; text-align: center;} #gform_wrapper_1, .col740 {width: 100%; float: none; margin-left: auto; margin-right: auto; } .sub {display: none;} .mobilePageNav {display: block;} } @media (max-width: 768px) { .tshow {display: block;} .prl45 {padding-left: 0; padding-right: 0;} .border9 {border-left: 0; border-right: 0; border-width: 6px;} .mtop60 {margin-top: 30px;} .col900 {padding:0;} .col630, .col290 {width:50%;} .cycleWrap {padding:0;} #imageCycle ul.flex-direction-nav a.flex-prev, #galleryCycle ul.flex-direction-nav a.flex-prev {left:10px;} #imageCycle ul.flex-direction-nav a.flex-next, #galleryCycle ul.flex-direction-nav a.flex-next {right:10px;} #pressCycle, .home #pressCycle {float:none; width:100%; padding:0; max-width: 100%;} .homeMap {width:40%;} .home #smlCycle {width:60%;} .tpad, ul.flex-direction-nav { -webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s; transition: all 0.25s ease 0s; } nav.primary li:hover ul.subList { left:-9999em; } } @media (max-width: 767px) { .home .postList {background: none;} .home .postList li, .home .postList li:first-child {width:100%; max-width: 390px; margin: 0 auto; clear:both; float:none; background: none; padding:0; margin: 20px auto; display:inline-block;} .postList li:first-child .imgLink {width:100%; max-width:100%; float:none; display: block;} .termIcon {display: none;} a.mobile-nav-toggle {display: block; } nav.primary {display: none;} .col260 {max-width:100%; width:100%;} footer {padding-top: 80px; background: url(images/anchor.png) no-repeat center 20px, url(images/footertexture.jpg) repeat center top; } .prl70 {padding-left: 0; padding-right: 0;} .col550, .col370 {width: 100%; margin-left: auto; margin-right: auto; clear:both; display: block; float: none;} #smlCycle.flexslider {margin-left: auto; margin-right: auto;} .home .cycleWrap {margin-top:40px;} .paged .blogGrid ul li:nth-child(even), .archive .blogGrid ul li:nth-child(even), .blogGrid ul li:nth-child(even), .paged .blogGrid ul li:first-child, .archive .blogGrid ul li:first-child, .blogGrid ul li {float: none; clear:both; margin-left:auto; margin-right: auto; width:100%;} } @media only screen and (max-width: 600px) { .phide {display: none;} .comment-info {width:100%; float:none; clear:none;} .comment-body {clear:both; float:none; width:100%; font-size: 75%; padding-left:0; margin-top: 10px;} .homeMap {width:100%; margin:40px auto 0; float: none; } .home #smlCycle {width:100%; float: none;} .col630, .col290 {width:100%; max-width: 100%; clear:both;} .galleryList.mtb40 {margin-top: 25px;} .galleryList li {width:50%;} .home .postList li {padding:0 25px;} a.logo {width: 200px; height: 154px; background: url(images/chelsey-boatwright-photography-logo-phone.png) no-repeat center center; background-size: 200px auto; margin:40px auto 0;} .archCol:nth-child(odd){float: left; padding:0;} .archCol:nth-child(even) {float: right; padding:0;} .socialShare a {clear:both; margin:0 0 10px; display: block; } .relatedPosts li, .relatedPosts li:nth-child(3n) {float:none; display:block; width:100%; margin:0 auto 25px; clear:both;} .relatedList li {float:none; width:100%; clear:both; margin-left: auto; margin-right: auto; } .relatedList li:nth-child(3n) {margin-right: auto;} .col220, .col220.middle, .col350.fleft, .col350.fright {width:100%; float:none; margin-left: auto; margin-right: auto;} } @media only screen and (max-width: 330px) { .headingLine {padding:0 20px; } .headingLine span {padding:2px 5px; } } @media only screen and (max-width: 320px) { ul.gform_fields li {margin-bottom: 15px;} li.gform-right, li.gform-left {width: 100%; clear:both;} .col960 .socialNav a { width:100%; clear:both; margin:0 0 15px;} .col960 .socialNav {text-align: center;} } /* ============================================================================= 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 {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .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;} /* ============================================================================= Print Styles ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }