/* Theme Name: Custom Theme for Author Katie Ashley Theme URI: Description: Author: Julie Olson, Priceless Design Studio Author URI: http://pricelessdesign.com/ Version: 1 */ body { font-family: 'Source Sans Pro', sans-serif; letter-spacing: .01em; font-family: 'Source Sans Pro', sans-serif; font-size: 18.5px; font-weight: 300; } body p {margin-bottom: 15px; margin-top: 0px; line-height:160%; letter-spacing: .01em; font-family: 'Source Sans Pro', sans-serif; font-size: 18.5px; font-weight: 300; } body p a { text-decoration: none; font-weight: 600; color: #8e278b; } body p a:hover {opacity: .93; } body a { text-decoration: none; font-weight: 700; color: #8e278b; } body a:hover {opacity: .93; } div.shareaholic-media-overlay, div.shareaholic-canvas {display: none!important;} #shr-admin-badge {display: none!important;} #sharecontainer div.shareaholic-canvas {display: block!important; position: relative; left: 12px; } a, img { border:none; } body.woocommerce-order-received #blogpostbox.singlepostblogbox ul.woocommerce-order-overview { padding-left: .5%!important; } div.text-ad-links { display: none!important; } div.shr-badge__button { display: none!important; } #header {width:100%; background-image: url(images/headerback.jpg); background-repeat: no-repeat; background-position: center center; height: 196px; background-color: #fcfcfd; position: absolute; z-index: 0; } #bestsellingoutercontainer {padding-left: 2.5%; position: relative; top: 65px;} #bestsellingcontainer { padding-left: 286px; } #bestsellingbox { width: 299px; height: 65px; background-image: url(images/bestselling-1x.png); background-repeat: no-repeat; background-position: center center; background-size: 299px 65px; } #bestsellingbox p {font-family: 'Lora', serif; font-weight: 700; color: #71418b; font-size: 19px; } #taglinebox { width: 214px; height: 68px; background-image: url(images/tagline-1x.png); background-repeat: no-repeat; background-position: center center; background-size: 214px 68px; float: right; margin-top: 66px; margin-right: 9.5%; } #logobox { width: 286px; height: 240px; background-image: url(images/katie-ashley-logo-1x.png); background-repeat: no-repeat; background-position: center center; display: inline-block; position: absolute; z-index: 100; top: 6px; left: 2.3%; background-size: 286px 240px; } a.logolink:hover {opacity: 1;} #navbar { background-color: #6a3484; position: absolute; top: 195px; z-index: 10; width: 96%; height: 62px; padding-left: 4%; padding-top: 3px; padding-bottom: 2px;} #navbarbox { padding-left: 286px; text-align: left;} #navbar ul {font-family: 'Source Sans Pro', sans-serif; padding-top: 6px; } #navbar ul li {display:inline-block; font-weight: normal; letter-spacing:.02em; padding-left: 0%; padding-right: 4.5%; padding-top:12px; height:35px; } #navbar ul li:hover { } #navbar ul li a {font-weight: 600; font-size: 20.6px; text-decoration: none; text-transform: uppercase; color: #fff; letter-spacing: .05em; } #navbar ul li a:hover {padding-bottom: 30px;} #navbar a:hover { } #navbar ul li a:hover { } #navbar ul li:hover { } #navbar ul ul li:hover { } #sdrn_menu li a { } #sdrn_menu li { } /* dropdowns */ /*Make the parent of sub-menu relative*/ ul#menu-menu-1 li { position: relative; } /*sub menu*/ ul#menu-menu-1 li ul.sub-menu { display: none; position: absolute; padding-left: 0px!important; z-index: 100; } #navbar ul#menu-menu-1 li:hover ul.sub-menu { display: block; top: 58px; height: auto; padding-bottom:0px!important; padding-top: 0px!important; left: -39px; text-align: left; width: 310px!important; overflow-y: visible!important; z-index: 100; } ul#menu-menu-1 li:hover ul.sub-menu a { font-weight: normal; text-decoration: none; font-family: 'Source Sans Pro', sans-serif; font-size: 17.8px; color: #8e278b; font-weight: 400; padding-bottom: 0px!important; letter-spacing: .01em!important; text-transform: none; } ul#menu-menu-1 li:hover ul.sub-menu a:hover {opacity: .92;} ul#menu-menu-1 ul.sub-menu li { height: auto; text-align: left; margin-top: 0px; margin-bottom: 0px; display: block!important; border-bottom: 1px solid #e8deed; padding-top: 8px; padding-right: 25px; padding-left: 13%!important; margin-left: 0px!important; padding-top: 16px; padding-bottom: 18px; background-color: #f7f1f7; background-image: none!important; border-right: 0px solid #fff!important; } ul#menu-menu-1 ul.sub-menu li:hover { } ul#menu-menu-1 ul.sub-menu li:last-child { margin-bottom: 0px; margin-top: 0px; } ul#menu-menu-1 ul.sub-menu li:first-child { margin-top: 0px; padding-top: 18px; } /* HOME PAGE */ #homepageslider { display: inline-block; position: relative; margin-top: 262px; width: 100%; height: auto; margin-bottom: -30px; z-index: 0;} span.tp-bullet-title {display: none!important;} #goldline {width: 100%; background-image: url(images/goldline.png); background-repeat: repeat-x; background-position: center center; height: 4px; display: inline-block; position: relative; clear: both; } #goldline.goldtwo {} #homepagecarousel { background-color: #f9f9fb; display: inline-block; width: 100%; padding-top: 69px; padding-bottom: 55px; position: relative; margin-top: -5px; margin-bottom: -19px; } #rev_slider_1_1_wrapper {position: relative; z-index: 0;} #homepagecarousel div.soliloquy-wrapper {width: 89%!important; margin: 0px auto!important;} #homepagecarousel a.soliloquy-prev { background-color: #dfd7e6!important; border-radius: 50%; opacity: .6; left: -4.7%!important; width: 35px; height: 35px; top: 49.5%; background-position-x: 45%!important; background-position-y: 49.5%!important; } #homepagecarousel a.soliloquy-prev:hover {opacity: .8;} #homepagecarousel a.soliloquy-next { background-color: #dfd7e6!important; border-radius: 50%; opacity: .6; right: -4.7%!important; width: 35px; height: 35px; top: 49.5%; background-position-x: 55%!important; background-position-y: 49.5%!important; } #homepagecarousel a.soliloquy-next:hover {opacity: .4;} #homemeetcomingsoon { width: 100%; background-color: #fffef9; display: block; position: relative; padding-top: 86px; padding-bottom: 79px; margin-top: -4px; margin-bottom: -14px; } #homesectionswidth {width: 100%; margin: 0px auto; max-width: 1400px;} #homemeet { display: inline-block; vertical-align: top; width: 43%; padding-left: 9%; padding-right: 9%; margin-right: 1%; border-right: 1px solid #faf3cf; } #homemeet p { font-size: 19px; line-height: 163%; color: #8e278b; width: 97%;} #katieashleyphoto {float: right; width: 132px; height: 152px; background-repeat: no-repeat; background-position: center center; background-size: 132px 152px; margin-left: 10%; margin-bottom: 15px; margin-top: 8px; } p.homemeetmore { font-size: 20.5px; margin-bottom: -4px; } p.homemeetmore a { color: #6c2d84; font-weight: 600; } #homecomingsoon { display: inline-block; vertical-align: top; width: 34%; text-align: center; } #homecomingsoon img.comingsoonbook {margin: 0px auto; display: inline-block; height: 283px; width: auto; margin-top: 6px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.12);} #homemeetcomingsoon h2 { text-align: center; margin-top: -23px;} #homemeetheadline { width: 247px; height: 55px; background-image: url(images/meet-katie-ashley-1x.png); background-repeat: no-repeat; background-position: center center; background-size: 247px 55px; margin: 0px auto; display: inline-block; position: relative; } #homecomingsoonheadline { width: 189px; height: 55px; background-image: url(images/coming-soon-1x.png); background-repeat: no-repeat; background-position: center center; background-size: 189px 55px; margin: 0px auto; display: inline-block; position: relative; } #homenowavailheadline { width: 219px; height: 55px; background-image: url(images/now-available-1x.png); background-repeat: no-repeat; background-position: center center; background-size: 219px 55px; margin: 0px auto; display: inline-block; position: relative; } #homesocialfeeds {background-image: url(images/magnoliaback.jpg); background-color: #fefefe; background-repeat: repeat-x; background-position: center center; margin-top: -5px; padding-top: 82px; padding-bottom: 83px; margin-bottom: -15px; } #homesocialfeeds h2 { text-align: center; margin-top: -15px;} #onfacebook { display: inline-block; vertical-align: top; width: 25%; margin-left: 1%; text-align: center; padding-left: 4%; padding-right: 4%; } #ontwitter { display: inline-block; vertical-align: top; width: 25%; margin-right: 0%; text-align: center; border-right: 1px solid #faf5e1; border-left: 1px solid #faf5e1; padding-left: 4%; padding-right: 4%; } #oninstagram { display: inline-block; vertical-align: top; width: 24%; text-align: center; padding-left: 4%; padding-right: 4%; } #onfacebookhead { width: 184px; height: 50px; background-image: url(images/on-facebook-1x.png); background-repeat: no-repeat; background-position: center center; background-size: 184px 50px; margin: 0px auto; display: inline-block; position: relative; } #ontwitterhead { width: 138px; height: 50px; background-image: url(images/on-twitter-1x.png); background-repeat: no-repeat; background-position: center center; background-size: 138px 50px; margin: 0px auto; display: inline-block; position: relative; } #oninstagramhead { width: 196px; height: 50px; background-image: url(images/on-instagram-1x.png); background-repeat: no-repeat; background-position: center center; background-size: 196px 50px; margin: 0px auto; display: inline-block; position: relative; } #ctf {border: 1px solid #f5f3f7; padding-top: 10px; padding-bottom: 10px; padding-left: 5%; padding-right: 5%; width: 90%!important; text-align: left; } #ctf p {line-height: 135%!important; font-weight: 400; font-size: 15px!important; letter-spacing: .002em;} #ctf p.ctf-header-bio { font-size: 14px!important; line-height: 125%!important; } #ctf a {color: #6c2d84; } #sb_instagram {border: 1px solid #f5f3f7; padding-top: 5px!important; padding-bottom: 5px!important;} #sb_instagram a {color: #6c2d84; } #sbi_images {margin-top: -13px!important;} #homereviews { background-color: #f9f9fb; margin-top: -10px; margin-bottom: -14px; text-align: center; padding-top: 50px; padding-bottom: 33px; } #homereviewsbox {margin: 0px auto; width: 80%;} div.review p {font-size: 19px; font-style: italic; color: #8e278b; line-height: 172%; display: inline; } div.review span.doublequote { display: inline-block; position: relative; margin-left: -2px; margin-right: 1px; } p.reviewer {font-size: 15.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: #8e278b; margin-top: 13px; } #homekitsubscribe { margin-top: -5px; background-image: url(images/watercolorback.jpg); background-color: #5c2e79; background-repeat: repeat-x; background-position: top center; margin-top: -8px; margin-bottom: -14px; padding-top: 50px; padding-bottom: 47px; } #homekitsubscribe h2 { text-align: center; margin-top: 33px; margin-bottom: 7px;} #homekit { display: inline-block; vertical-align: top; width: 50%; margin-right: 4%; text-align: center; border-right: 1px solid #7f679b; padding-bottom: 30px; } #homesubscribe { display: inline-block; vertical-align: top; width: 42%; text-align: center; text-align: center; } #kiticons { margin-top: -6px; } #homekit #iconbox {display: inline-block; vertical-align: top; width: 61px; height: 61px; background-size: 61px 61px; background-repeat: no-repeat; margin-left: -2px; margin-right: -2px;} #homekit a:hover {opacity: .97!important;} #homekit #iconbox.facebooki { background-image: url(images/icon-facebook-1x.png); } #homekit #iconbox.twitteri { background-image: url(images/icon-twitter-1x.png); } #homekit #iconbox.pinteresti { background-image: url(images/icon-pinterest-1x.png); } #homekit #iconbox.goodreadsi { background-image: url(images/icon-goodreads-1x.png); } #homekit #iconbox.instagrami { background-image: url(images/icon-instagram-1x.png); } #homekit #iconbox.amazoni { background-image: url(images/icon-amazon-1x.png); } #wpforms-29 {margin: 0px auto; margin-top: -7px; width: 90%; } #wpforms-29-field_1-container { width: 55%; margin-left: 6.9%; margin-right: 8px; } #wpforms-submit-29 { width: 29%; height: 42px; background-color: #510076; text-transform: uppercase; font-size: 15.5px; letter-spacing: .05em; font-weight: 500; color: #fff; border: 0px solid #fff; font-family: 'Source Sans Pro', sans-serif; padding-bottom: 11px; } #wpforms-submit-29:hover {opacity: .93;} #wpforms-29 input {height: 41px; border-radius: 0px; border: 0px solid #fff; font-family: 'Source Sans Pro', sans-serif; text-align: center; } #wpforms-29 ::-webkit-input-placeholder { text-align: center; text-transform: lowercase; color: #858585; font-size: 17px; font-weight: 300!important; font-family: 'Source Sans Pro', sans-serif; letter-spacing: .03em; top: -1px; position: relative; } #wpforms-29 :-moz-placeholder { text-align: center; text-transform: lowercase; color: #858585; font-size: 17px; font-weight: 300!important; font-family: 'Source Sans Pro', sans-serif; letter-spacing: .03em; top: -1px; position: relative; } #wpforms-29 :-ms-input-placeholder { text-align: center; text-transform: lowercase; color: #858585; font-size: 17px; font-weight: 300!important; font-family: 'Source Sans Pro', sans-serif; letter-spacing: .03em; top: -1px; position: relative; } #wpforms-29-field_1-error {padding-top: 15px; color: #fff; font-style: italic; font-size: 13.5px; text-align: left; opacity: .87; } #wpforms-confirmation-29 {border: 0px solid white; padding-top: 8px; font-style: italic; color: #fff; background: none; font-weight: 400; opacity: .9; letter-spacing: .02em; } #homekithead { width: 229px; height: 49px; background-image: url(images/keep-in-touch-1x.png); background-repeat: no-repeat; background-position: center center; background-size: 229px 49px; margin: 0px auto; display: inline-block; position: relative; } #homesubscribehead { width: 396px; height: 49px; background-image: url(images/subscribe-to-the-newsletter-1x.png); background-repeat: no-repeat; background-position: center center; background-size: 396px 49px; margin: 0px auto; display: inline-block; position: relative; } /* BLOG INDEX PAGE */ #interiorbody { width: 100%; background-color: #946ea7; padding-top: 50px; padding-bottom: 30px; margin-bottom: -15px; } #interiorcanvas { width: 85%; padding-left: 5%; padding-right: 5%; margin: 0px auto; background-color: #ffffff; margin-top: 237px; padding-top: 50px; padding-bottom: 25px; } #pageleftcolumn {display: inline-block; vertical-align: top; width: 60%; margin-right: 6.5%; padding-top: 15px; padding-left: 1%;} #pageleftcolumn img {max-width: 100%; } #pagerightcolumn { display: inline-block; vertical-align: top; width: 30%; padding-top: 7px; } #blogpostbox { margin-bottom: 49px; padding-bottom: 14px; border-bottom: 1px solid #f1ebf5; } #blogpostbox h2 { font-size: 31.5px; margin-bottom: 28px; line-height: 125%; color: #8e278b; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; } #blogpostbox h2 a { text-decoration: none; color: #8e278b; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; } #blogpostbox h4.blogdate { font-weight: 400; font-size: 16.7px; color: #8e278b; font-family: 'Lora', serif; font-style: italic; padding-bottom: 7px; letter-spacing: .02em; opacity: .97; } #blogpostbox h3 { font-weight: 400; font-size: 16.7px; color: #8e278b; font-family: 'Lora', serif; padding-bottom: 7px; letter-spacing: .02em; opacity: .97; font-size: 17px; } #postboxleft { display: inline-block; vertical-align: top; width: 29%; margin-right: 5%; padding-bottom: 19px; margin-bottom: 10px; } #postboxright {display: inline-block; vertical-align: top; width: 66%; padding-bottom: 15px; padding-top: 0px; margin-top: -8px; } #postboxright p {font-size: 18.2px; line-height: 166%; } #postboxleft img {width: 100%; height: auto; margin-top: 0px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);} p.readmorelink { font-size: 18.7px!important; margin-top: -5px;} p.readmorelink a {text-decoration: none; padding-bottom: 0px; letter-spacing: .028em; font-weight: 600;} p.readmorelink a:hover {text-decoration: none;} h1.archivepagetitle { color: #8e278b; text-align: center; font-size: 28px; text-transform: uppercase; margin-top: 16px; margin-bottom: 45px; letter-spacing: .035em; padding-bottom: 25px; border-bottom: 1px solid #dcedec; font-weight: 600; } #pagenavibox { font-family: 'Source Sans Pro', sans-serif!important; position: relative; left: -15px!important; display: block; margin-top: -10px; height: 75px;} div.wp-pagenavi span.pages {display: none!important;} div.wp-pagenavi { width: 98%; padding-left: 2%; font-family: 'Source Sans Pro', sans-serif!important; } div.wp-pagenavi a.page {padding-left: 2%; padding-right: 2%;} div.wp-pagenavi a.last {padding-left: 2%; padding-right: 2%;} div.wp-pagenavi span.pages {padding-left: 2%; padding-right: 2%;} div.wp-pagenavi span.current {padding-left: 2%; padding-right: 2%;} div.wp-pagenavi span.extend {padding-left: 2%; padding-right: 2%;} div.wp-pagenavi a.nextpostslink {padding-left: 2%; padding-right: 2%;} div.wp-pagenavi a.previouspostslink {padding-left: 2%; padding-right: 2%;} body.paged div.wp-pagenavi span.pages {display: none!important;} body.paged div.wp-pagenavi { width: 98%; padding-left: 2%; } body.paged div.wp-pagenavi a.page {padding-left: 2%; padding-right: 2%;} div.wp-pagenavi a.last {padding-left: 2%; padding-right: 2%;} body.paged div.wp-pagenavi span.pages {padding-left: 2%; padding-right: 2%;} body.paged div.wp-pagenavi span.current {padding-left: 2%; padding-right: 2%;} body.paged div.wp-pagenavi span.extend {padding-left: 1%; padding-right: 1%;} body.paged div.wp-pagenavi a.nextpostslink {padding-left: 2%; padding-right: 2%;} body.paged div.wp-pagenavi a.previouspostslink {padding-left: 2%; padding-right: 2%;} #mobilepostimage {display: none;} strong {font-weight: 600!important;} /* single post Pages */ #blogpostbox.singlepostblogbox { } #pageleftcolumn.singlepostlc h1 { font-size: 34px; margin-bottom: 20px; line-height: 125%; color: #8e278b; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 35px; padding-bottom: 20px; border-bottom: 1px solid #f1ebf5; margin-top: 15px; font-weight: 400; } #pageleftcolumn.singlepostlc h3 { font-weight: 400; font-size: 17.3px; color: #8e278b; font-family: 'Lora', serif; font-style: italic; padding-bottom: 0px; letter-spacing: .02em; opacity: .97; padding-top: 10px; } #pageleftcolumn img {max-width: 100%; } #blogpostbox.singlepostblogbox h1 { font-size: 38px; line-height: 125%; color: #8e278b; margin-bottom: 20px; padding-bottom: 0px; border-bottom: 0px solid #f4eab9; margin-top: 30px; } #blogpostbox.singlepostblogbox h2 { font-size: 33px; line-height: 125%; color: #8e278b; margin-bottom: 20px; padding-bottom: 0px; border-bottom: 0px solid #f4eab9; margin-top: 30px; letter-spacing: .01em; } #blogpostbox.singlepostblogbox h3 { font-size: 27px; line-height: 125%; color: #8e278b; margin-bottom: 20px; padding-bottom: 0px; border-bottom: 0px solid #f4eab9; margin-top: 20px; letter-spacing: .01em; font-family: 'Source Sans Pro', sans-serif; } #blogpostbox.singlepostblogbox img { max-width: 100%; height: auto; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); } #blogpostbox.singlepostblogbox iframe {width: 100%; margin-top: 30px; margin-bottom: 10px;} #blogpostbox.singlepostblogbox #sharecontainer img { max-width: 100%; height: auto; } img.aligncenter {display: block; margin: 0px auto; margin-top: 35px; margin-bottom: 35px;