/* =================================================== ====================================================== =================== WEDDING ELEMENTS ================ ====================================================== ====================================================== Theme Name: Wedding Suite Theme URI: http://webnus.biz/themes/wedding-suite Author: WEBNUS Author URI: http://themeforest.net/user/WEBNUS Description: Wedding Suite includes four different templates with quite unique design.It comes with RSVP Form, Countdown and Guestbook. Wedding Suite is a premium, fully responsive, Retina-Ready WordPress theme with a minimal and clean design. It's very code-light, making it quick to load, and has a pleasingly clean look that's ideal for wedding websites. Wedding Suite is fully integrated with the visual composer. Code is easy to modify and understand so you can personalize it in the easiest way. ======= ROSE === JASMINE === VIOLET === ORCHID ======= ====================================================== ======================= ROSE ========================= ====================================================== */ /* # Rose Wedding Box ================================================== */ .wedding-box { height:392px; min-width:260px; background: #fff url('../images/rose/rose-secdevid02.png') no-repeat left top; padding-left:28%; padding-right:30px; padding-top:30px; padding-bottom:30px; margin-left:4%;} .wedding-box.w-mirror { background: #fff url('../images/rose/rose-secdevid03.png') no-repeat right top; padding-left:15%; padding-right:80px; margin-left:0; margin-right:4%;} .wedding-box h2 {font-family: 'Poiret One', sans-serif; font-size:29px; font-weight:300; letter-spacing:-1px; line-height:1.1; padding-bottom: 60px;} .wedding-box h3 {font-family: Domine, serif; line-height:1.1;} .wedding-box p {font-family: Domine, serif; font-size:13px; padding-right:20px; padding-top:60px; color:#777; position:relative;font-weight: 700;} .wedding-box p:before { content:''; display:block; float:left; margin-bottom:25px; width:70px; height:4px; background:#e4b656; position:absolute; top:0;} /* # Rose Titles ================================================== */ .title-rose1{ position:relative;text-align: center; background: url('../images/rose/floral.png') no-repeat center top; margin: 30px auto; padding-top: 42px;} .title-rose1:before{content: ' '; border-bottom: 1px solid #ebebeb; width: 450px; display: block; position:absolute; left:50%; margin-left:-225px; margin-top:42px;} .title-rose1 *{ font-size: 22px; font-weight:bold; letter-spacing: 0; font-family: Domine, Helvetica, Arial; background: #fff; display: inline; position: relative; top: 20px; padding: 10px;} .title-rose1 p {display:block; font-weight:normal; font-size:28px; font-family:'Poiret One', sans-serif;} .blox .title-rose1:after, .blox .title-rose1:before { border-color:#ddd;} .blox .title-rose1 * { border:1px solid #ddd;} .blox.dark .title-rose1{background: url('../images/rose/floral-d.png') no-repeat center top; border-bottom: 0 none; padding-top:20px;} .blox.dark .title-rose1 *{background: none; border:none;} .blox.dark .title-rose1:after{content: ' '; border-bottom: 1px solid #fff; width: 100px; display: block; margin: 0 auto; padding-top: 45px;} .blox.dark .title-rose1:before { display:none;} .title-rose2{text-align: center; background: url('../images/rose/floral.png') no-repeat center top; margin: 30px auto 50px; padding-top: 62px;} .title-rose2 *{font-size: 48px; letter-spacing: -1px; font-family: 'Poiret One', Helvetica, Arial, sans-serif; line-height: 56px; font-weight:300;} .title-rose2 p {display: block; font-size: 16px; font-family: Domine,Helvetica, Arial; letter-spacing: 0;} .blox .title-rose2{background: url('../images/rose/floral-d.png') no-repeat center top;} /* # Rose Bride or Groom ================================================== */ .brideorgroom-rose{text-align: center; margin-bottom: 30px; overflow: hidden;} .brideorgroom-rose .w-figure{ position: relative; margin: 0 auto; padding: 20px 0;} .brideorgroom-rose .w-figure img { width: 208px; padding:3px;height: 100%;border-radius: 50%;} .brideorgroom-rose h2{font-size: 36px;margin: 30px 0; font-weight: 400; font-family:'Poiret One', sans-serif;} .brideorgroom-rose.w-groom h2{color:#1ca9e1;} .brideorgroom-rose.w-bride h2{color:#ee2283;} .brideorgroom-rose p{ padding: 10px 0;color:#666666; width: 340px;margin: 0 auto; max-width: 100%; font-size:17px; font-family:'Josefin Sans', sans-serif;} .brideorgroom-rose .w-frame{background: url('../images/rose/frame-l.png') no-repeat center center; position: absolute; width: 100%; height: 100%; top: 0;} .brideorgroom-rose .social-team{ padding:16px 0; text-align:center} .brideorgroom-rose .social-team i{ margin:0 4px; padding:8px; font-size: 24px; color: #9f9f9f; border-radius:20px;} .brideorgroom-rose .social-team i:hover {background:none;} .brideorgroom-rose .social-team i.fa-facebook:hover { color: #3b5996;} .brideorgroom-rose .social-team i.fa-twitter:hover { color: #00acee;} .brideorgroom-rose .social-team i.fa-vimeo:hover { color: #0dadd6;} .brideorgroom-rose .social-team i.fa-dribbble:hover { color: #d53e68;} .brideorgroom-rose .social-team i.fa-youtube:hover { color: #cb322c;} .brideorgroom-rose .social-team i.fa-pinterest:hover { color: #cb2027;} .brideorgroom-rose .social-team i.fa-linkedin:hover { color: #0073b2;} .brideorgroom-rose .social-team i.fa-rss:hover { color: #f29a1d;} .brideorgroom-rose .social-team i.fa-google-plus:hover { color: #c3391c;} .brideorgroom-rose .social-team i.fa-instagram:hover { color: #457399;} /* # Rose Countdow ================================================== */ .countdown-w { text-align:center; color: #393A3A;font-size: 36px; margin: 0 auto; padding: 24px 0 20px; position:relative;} .countdown-w .icon-w{font-size: 24px;} .countdown-w .label-w{font-size: 14px; font-weight:600; letter-spacing:1px; text-transform:uppercase; position:relative;} .blox.dark .countdown-w .block-w {border-color:#fff;} .countdown-w .block-w{display: inline-block; padding-top: 30px; margin: 0 20px 20px; border: 2px solid #777; border-radius: 100%; position:relative; height: 190px;width: 190px;font-size: 49px; font-weight:bold; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .countdown-w .block-w.done-w{border:0 none;} .countdown-w .count-w{padding: 24px 0 20px;} /* # Rose Testimonial slider ================================================== */ .testimonials-slider-w .testimonial-content h4 q { font-size:27px; font-style:normal;} /* # Rose Wedding Divider ================================================== */ .w-divider1 { background: url('../images/rose/floral-b.png') no-repeat center center; width: 67px; height: 28px; margin: 0 auto;} .blox .w-divider1 { background: url('../images/rose/floral-e.png') no-repeat center center; width: 67px; height: 28px; margin: 0 auto;} .w-divider2 { background: url('../images/rose/ring.png') no-repeat center center; width: 58px; height: 67px; margin: 0 auto;} /* # Rose Wedding Team ================================================== */ .wedding-team-rose img.team-img {border-radius: 50%; float: left; max-width: 200px; margin: 0 20px;} .wedding-team-rose .team-cap {overflow: hidden; min-height:223px;} .wedding-team-rose .team-cap h3 {font-size: 17px; font-weight: bold; color: #000; margin-bottom: 0px; line-height:34px;} .wedding-team-rose .team-cap h4 {color: #c52f4e; font-size: 15px; font-weight: 300; margin-bottom: 10px;} .wedding-team-rose .team-cap p {color: #555; font-weight: 300; line-height:1.6;} .wedding-team-rose.w-mirror .team-img {float: right;} .wedding-team-rose.w-mirror .team-cap {text-align: right;} .wedding-team-rose {position: relative;} .wedding-team-rose .w-frame{background: url('../images/rose/frame.png') no-repeat; position: absolute; top: -3px; width: 100%; height: 100%; background-position: 4% top;} .wedding-team-rose.w-mirror .w-frame{ background-position: 96% top;} .wedding-team-rose .social-team { text-align:center;} @media only screen and (max-width: 960px) { .wedding-team-rose img.team-img, .wedding-team-rose.w-mirror img.team-img {float: none; margin: 0 auto; display: block;} .wedding-team-rose .team-cap, .wedding-team-rose.w-mirror .team-cap {text-align: center;} .wedding-team-rose .w-frame , .wedding-team-rose.w-mirror .w-frame { background-position: center top;} .wedding-team-rose .team-cap h3 {margin-top: 30px;} } /* # Rose Latest from blog ================================================== */ .latestposts-rose .latest-b {margin-bottom:35px;} .latestposts-rose .latest-content {background: #fff; padding: 15px;} .latestposts-rose .latest-date {padding-bottom: 5px;margin-bottom: 0;color: #737478;} .latestposts-ros .latest-content p.latest-icons {position: absolute; top: 0px; right: 11px; background: #333; color: #fff;padding: 4px 8px; visibility:hidden; opacity:0; transition:opacity 0.2s linear;} .latestposts-rose .latest-b:hover .latest-content p.latest-icons { visibility:visible; opacity:1;} .latestposts-rose .latest-content p.latest-icons span{padding: 5px;} .latestposts-rose .latest-content p.latest-icons span i{padding-right: 4px; font-size:12px;} .latestposts-rose .latest-title {font-size: 18px; font-weight: 600; line-height: 22px;} .latestposts-rose .latest-title a {color: #3b454d;} .latestposts-rose .latest-title a:hover {color: #e84c3d;} .latestposts-rose .latest-img img{width:100%; height:auto !important; border:1px solid #eee; background:#f7f7f7; padding:7px;} .latestposts-rose .latest-author {margin-bottom: 12px; font-style: italic; color: #aaa;} /* ====================================================== ======================= JASMINE ====================== ====================================================== */ /* # Jasmine SMgallery ================================================== */ .jasmine-smgallery { padding: 35px 85px; background-color: #fbfafa; border-radius: 5px;} .jasmine-smgallery h2 { font-size: 17px; color: #000;} /* # Jasmine Titles ================================================== */ .title-jasmine { text-align: center; margin:30px auto;} .title-jasmine *{ font-size: 27px; font-weight: bold; letter-spacing: 2px; color: #000;} .title-jasmine span { color: #e5ae49;} .title-jasmine p { font-size: 15px; font-style: italic; font-weight: normal; color: #333; letter-spacing: 0;} .blox.dark .title-jasmine span { color: #e5ae49;} /* # Jasmine Bride or Groom ================================================== */ .brideorgroom-jasmine { position: relative; background-color: #fbfafa; text-align: center; padding: 60px 30px; border-radius: 5px;} .brideorgroom-jasmine .w-content { opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin-top: -26px; margin-bottom:26px;} .brideorgroom-jasmine .w-overlay { opacity: 1; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 50%; margin-top: -76px; left: 50%; margin-left: -78px;} .brideorgroom-jasmine .w-overlay .w-icon { display: inline-block; width: 54px; height: 58px;} .brideorgroom-jasmine.w-bride .w-overlay .w-icon { background: url(../images/jasmine/bride-icon.png);} .brideorgroom-jasmine.w-groom .w-overlay .w-icon { background: url(../images/jasmine/groom-icon.png);} .brideorgroom-jasmine .w-overlay p { margin-top: 13px; letter-spacing: 1.5px;} .brideorgroom-jasmine .w-overlay p span { color: #e41919; font-size: 17px; font-weight: bold;} .brideorgroom-jasmine:hover .w-overlay { opacity: 0; margin-top: -116px; visibility:hidden;} .brideorgroom-jasmine:hover .w-content { opacity: 1; margin:0;} .brideorgroom-jasmine .w-content img { border-radius: 50%; width; 214px; height: 214px; margin-bottom: 25px } .brideorgroom-jasmine .w-content h2 { font-size:17px; font-weight:bold; margin-bottom: 13px;} .brideorgroom-jasmine .w-content p { color: #696f6f; font-size: 15px; padding-left: 50px; padding-right: 50px; line-height: 27px;} .brideorgroom-jasmine .w-content .social-team { display:block; text-align: center; padding-bottom: 21px;} .social-team { display:block;} @media only screen and (max-width: 960px) { .brideorgroom-jasmine { padding: 15px;} .brideorgroom-jasmine .w-content p { padding-right: 10px; padding-left: 10px;} } @media only screen and (min-width: 480px) and (max-width: 768px) { .brideorgroom-jasmine .social-team i{ padding-top: 13px;} } @media only screen and (max-width: 960px) and (min-width: 768px) { .brideorgroom-jasmine .social-team i { font-size: 16px; padding: 13px;} } /* # Jasmine Countdown ================================================== */ .countdown-w.ctd-jasmine .block-w { border: none; width: auto; padding: 25px 0; margin-left: 20px; margin-right: 20px;} @media only screen and (min-width: 960px){ .countdown-w.ctd-jasmine span.seconds-w.block-w { width:24%;} } .countdown-w.ctd-jasmine .icon-w { font-size: 60px; float: left;} .countdown-w.ctd-jasmine .icon-w.li_calendar { color: #e49e96;} .countdown-w.ctd-jasmine .icon-w.fa-clock-o { color: #c2da9f;} .countdown-w.ctd-jasmine .icon-w.li_clock { color: #8dd4f0;} .countdown-w.ctd-jasmine .icon-w.li_heart { color: #f690c1;} .countdown-w.ctd-jasmine .count-w { padding: 0; float: left; font-size: 78px; line-height: 59px; font-weight: 100; color: #4d433a; margin-left: 6px; margin-right: 10px;} .countdown-w.ctd-jasmine .minutes-w .count-w { margin-left: 0;} .countdown-w.ctd-jasmine .label-w { float: left; padding-top: 20px; color: #4d433a; font-size: 15px; letter-spacing: 8px;} .widget .countdown-w.ctd-jasmine { padding:0;} .widget .countdown-w.ctd-jasmine .block-w { margin: 0; border-right: 1px solid rgb(77, 77, 77); border-radius: 0; padding:0 24px; height:auto;} .widget .countdown-w.ctd-jasmine .block-w.seconds-w {border-right:0;} .widget .countdown-w.ctd-jasmine .icon-w { font-size:36px;} .widget .countdown-w.ctd-jasmine .count-w { color: #fff; font-size:48px; line-height: 36px; width: 56px;} .widget .countdown-w.ctd-jasmine .days-w .count-w { width: auto;} .widget .countdown-w.ctd-jasmine .label-w { color: #fff; letter-spacing: 0px; padding-top: 8px;} /* # Jasmine Event Box ================================================== */ .infobox { border-radius: 5px; position: relative; overflow: hidden; margin-bottom: 12px;} .infobox-overlay { opacity:1; width: 100%; background-color: #fbfafa; position: absolute; top: 0; left: 0; text-align: center; padding: 40px; padding-top: 55px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .infobox-overlay i { font-size: 55px; color: #e41919;} .infobox-overlay h4 { margin-top: 22px; font-size: 17px; color: #000; font-weight:bold;} .infobox:hover .infobox-overlay { opacity:0; visibility:hidden; margin-left:-12px; margin-top:-35px;} .infobox-content { opacity:0; margin-right:-15px; margin-top:25px; margin-bottom:-25px; padding:20px; padding-right:35px; background-color: #fbfafa; text-align: center; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .infobox:hover .infobox-content { opacity:1; margin:0; padding:20px;} .infobox-content i { font-size: 34px; padding-right: 10px; color: #e41818;} .infobox-content h4 { font-size: 17px; color: #000; margin-top: 8px; margin-bottom: 20px;} .infobox-content p { font-size: 13px; color: #666;} .infobox-content h4 span { position: relative; bottom: 8px; font-weight:bold;} /* # Jasmine Wedding Team ================================================== */ .wedding-team-jasmine {position: relative;} .wedding-team-jasmine img.team-img {border-radius: 50%; float: left; max-width: 214px; margin: 0 20px;} .wedding-team-jasmine .team-cap {overflow: hidden;} .wedding-team-jasmine .team-cap h3 {font-size: 17px; line-height:29px; font-weight: bold; color: #000; margin-bottom: 0px;} .wedding-team-jasmine .team-cap h4 {color: #c52f4e; font-size: 15px; font-weight: 300; margin-bottom: 10px;} .wedding-team-jasmine .team-cap p {color: #555; font-weight: 300;} .wedding-team-jasmine.w-mirror .team-img {float: right;} .wedding-team-jasmine.w-mirror .team-cap {text-align: right;} .wedding-team-jasmine .social-team { text-align:center;} .vc_col-sm-3 .wedding-team-jasmine img.team-img, .vc_col-sm-4 .wedding-team-jasmine img.team-img { width:110px; height:110px; margin:0 auto; float:none; display:block;} .vc_col-sm-3 .wedding-team-jasmine .team-cap, .vc_col-sm-4 .wedding-team-jasmine .team-cap { overflow: visible; padding-top: 20px;} .vc_col-sm-3 .wedding-team-jasmine .team-cap h4, .vc_col-sm-4 .wedding-team-jasmine .team-cap h4 { font-weight: 300; margin-bottom: 0;} .vc_col-sm-3 .wedding-team-jasmine .team-cap p, .vc_col-sm-4 .wedding-team-jasmine .team-cap p { float: none; margin-top: 12px; font-size: 13px; line-height: 1.68; padding: 0 6px; font-weight: 400; color: #666;} .vc_col-sm-3 .wedding-team-jasmine .team-cap, .vc_col-sm-4 .wedding-team-jasmine .team-cap { text-align:center;} @media only screen and (max-width: 960px) { .wedding-team-jasmine img.team-img, .wedding-team-jasmine.w-mirror img.team-img, .vc_col-sm-3 .wedding-team-jasmine img.team-img, .vc_col-sm-4 .wedding-team-jasmine img.team-img, .vc_col-sm-3 .wedding-team-jasmine.w-mirror img.team-img, .vc_col-sm-4 .wedding-team-jasmine.w-mirror img.team-img {float: none; margin: 0 auto; display: block;} } /* # Jasmine Testimonial Slider ================================================== */ .ts-jasmine.testimonials-slider-w.flexslider .flex-control-nav, .testimonials-slider-w.flexslider .flex-control-paging li a { display: block;} .ts-jasmine.testimonials-slider-w .testimonial-content h4 { padding-bottom:70px;} .ts-jasmine.testimonials-slider-w .testimonial-content h4 q { font-size:25px; font-style:normal;} .ts-jasmine.testimonials-slider-w.flexslider .flex-control-nav { position: relative; margin-top: 30px; width: 100%; right: 0px;} .ts-jasmine.testimonials-slider-w.flexslider .flex-control-paging li a.flex-active { background-color: #585858; cursor: pointer;} .blox.dark .ts-jasmine.testimonials-slider-w.flexslider .flex-control-paging li a.flex-active { background-color: #fff;} .ts-jasmine.testimonials-slider-w.flexslider .flex-control-paging li a { width: 10px; height: 10px; background-color: transparent; border-radius: 0 !important; border: 2px solid #585858; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .blox.dark .ts-jasmine.testimonials-slider-w.flexslider .flex-control-paging li a { border-color:#fff;} .ts-jasmine.testimonials-slider-w.flexslider .testimonial-brand img { padding: 0; border: none;} .ts-jasmine.testimonials-slider-w.flexslider .flex-direction-nav a, .blox.dark .ts-jasmine.testimonials-slider-w.flexslider .flex-direction-nav a { border:none;} .ts-jasmine.testimonials-slider-w.flexslider .flex-direction-nav a i { font-size:32px;} .testimonials-slider-w .testimonial-brand h5 { font-family:'Domine', sans-serif; font-size:15px;} /* # Jasmine Latest From Blog ================================================== */ .latestposts-jasmine .blog-post img, .blog-post iframe, .blog-single-post img, .blog-single-post iframe { border-bottom: none;} .latestposts-jasmine .entry-meta, .entry-content { float: left; margin-bottom: 8px;} .latestposts-jasmine .blog-date-sec { border-right: none; padding-right: 0;} .latestposts-jasmine .blog-post .blog-date-sec img { width: 65px; height: 65px; padding: 3px; border-radius: 50%; border:1px solid #eee;} .latestposts-jasmine .blog-date-sec { border-right: none; padding-right: 15px; float: left; min-width:80px;} .latestposts-jasmine .blog-post p.blog-author { padding-top: 10px; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #455454; letter-spacing: 0.2px;} .latestposts-jasmine .blog-post h4 { font-size: 29px; font-weight: bold; margin-bottom: 12px;} .latestposts-jasmine .blog-line p.blog-cat a, .blog-post a {color: #d6516d;} .latestposts-jasmine .blog-post .entry-content p.blog-detail { color: #777; font-weight:300; font-size:17px; line-height:1.58;} .latestposts-jasmine .blog-post a.readmore:after { content: '';} .latestposts-jasmine .blog-post a.readmore { margin-top: 15px; padding: 10px 25px; background-color: #a6abab; display: inline-block; font-size: 13px; font-weight: bold; color: #fff !important; border-radius: 3px; text-align: center; text-transform:uppercase; letter-spacing:1px;} .latestposts-jasmine .blog-post a.readmore:hover { background-color: #dfa948; color: #fff !important;} .latestposts-jasmine .blog-post p a.readmore { border: none;} .latestposts-jasmine .blog-post p.blog-author a { font-size: 14px; color: #000;} .latestposts-jasmine .blog-line p.blog-cat a { font-weight: 600; font-size:13px; letter-spacing:1px;} .latestposts-jasmine .blog-line h4 { font-weight: normal;} .latestposts-jasmine .blog-line p { font-size: 12px;} .latestposts-jasmine .blog-line:hover h4 a { color: #d6516d;} .latestposts-jasmine .blog-line:hover .img-hover:before { -webkit-box-shadow: inset 0 0 0 5px #d6516d; -moz-box-shadow: inset 0 0 0 5px #d6516d; box-shadow: inset 0 0 0 5px #d6516d;} .latestposts-jasmine .blog-line p strong { font-size:12px; font-weight:300;} .latestposts-jasmine .blog-post img { margin:0; padding:0;} .latestposts-jasmine .blog-post .pad-r20 a { position:relative; display:inline-block;} .latestposts-jasmine .blog-post .pad-r20 a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: inset 0 0 0 5px rgba(255,255,255,0.8); opacity: 1; transition: all 0.18s ease; } /* # Jasmine Wedding Divider ================================================== */ .w-divider3 { background: url('../images/jasmine/heart.png') no-repeat center center; max-width: 632px; position:relative; height: 15px; margin: 0 auto;} /* # Jasmine Twitter Feed ================================================== */ .w-twitterfeed-jasmine { background-color: rgb(251, 250, 250); padding: 30px 40px 30px 90px; border-radius: 5px;} .w-twitterfeed-jasmine img { width: 108px; height: 108px; border-radius: 50%; float: left; margin-right: 20px;} .w-twitterfeed-jasmine .tweets { clear: both; padding-top: 30px; list-style: none;} .w-twitterfeed-jasmine figcaption { padding-top: 41px;} .w-twitterfeed-jasmine h3 { font-size: 24px; font-weight: 700; color: #000; line-height: 24px; margin-bottom: 0;} .w-twitterfeed-jasmine h4 ,.w-twitterfeed-jasmine .tweets li { font-size: 15px; font-weight: 300; color: #000; margin-bottom: 29px; line-height: 24px;} .w-twitterfeed-jasmine .tweets li.tw-item { margin-bottom: 4px;} .w-twitterfeed-jasmine .tweets li.tw-timestamp { color: #999; font-size: 13px; text-transform: uppercase;} @media only screen and (min-width: 768px) and (max-width: 960px) { .w-twitterfeed-jasmine { padding-left: 30px;} } @media only screen and (max-width: 768px) { .w-twitterfeed-jasmine { padding-left: 15px;} } /* # Jasmine Vintage Bg ================================================== */ .vintage-box1 { position:relative; background: url('../images/jasmine/vintagebg2.png') no-repeat top right; padding:90px 45px 70px 40px; text-align:center; border-radius: 5px;} .vintage-box1:before { display:block; content:""; position:absolute; left:0; bottom:0; background: url('../images/jasmine/vintagebg2b.png') no-repeat bottom left; width:130px; height:130px;} .vintage-box1 p { font-family:'Roboto Slab',serif; font-size:21px; line-height:1.3; color:#333; margin-bottom:14px;} .vintage-box1 em { font-size:18px; font-weight:bold; color:#666; font-family:'Arapey',serif;} .footer-vintage1 { background: url('../images/jasmine/newfooter-vtg.png') no-repeat center; text-align:center; padding:30px; font-family:'Arapey',serif; font-size:28px; width:360px; height:385px; line-height:1.5; padding-top:158px;} /* ====================================================== ======================= VIOLET ======================= ====================================================== */ /* # Violet Bride or Groom ================================================== */ .brideorgroom-violet.w-bride, .brideorgroom-violet.w-groom { margin:10px 0; padding:10px; border:1px solid #e9e9e9; text-align:center;} .brideorgroom-violet.w-bride img, .brideorgroom-violet.w-groom img { width:210px; height:210px; padding:10px; border:1px solid #e9e9e9; margin-left:auto; margin-right:auto; margin-top:-105px; background:#fff; border-radius:50%; transition: all .3s ease;} .brideorgroom-violet.w-bride:hover img { background-color:#f16178; border-color:#f16178;} .brideorgroom-violet.w-groom:hover img { background-color:#c16178; border-color:#c16178;} .brideorgroom-violet.w-bride .w-content, .brideorgroom-violet.w-groom .w-content { background:#fef6f8 url('../images/violet/wedding-pat1.png') no-repeat center; padding:0 30px 15px;} .brideorgroom-violet.w-groom .w-content{ background:#f4f3e2 url('../images/violet/wedding-pat3.png') no-repeat center;} .brideorgroom-violet h2 { font-family: 'Arapey',serif; margin:27px 0; font-weight: bold; color: #f16178;} .brideorgroom-violet.w-groom .w-content h2 { color:#c16178;} .brideorgroom-violet.w-groom .w-content p, .brideorgroom-violet.w-bride .w-content p { font-family:'Roboto Slab',sans-serif; font-size:16px; line-height:1.62; margin-bottom:30px} .brideorgroom-violet .social-team { text-align:center;} @media only screen and (max-width: 768px) { .brideorgroom-violet.w-bride, .brideorgroom-violet.w-groom { margin-top:110px;} } /* # Violet Testimonial Slider ================================================== */ .ts-violet.testimonials-slider-w .testimonial-content h4 { padding: 20px 25px; border: 2px solid #fff; border-radius: 0; background: rgba(255,255,255,0.18);} .ts-violet.testimonials-slider-w .testimonial-content h4 q { padding-left:25px; padding-right:15px;} .ts-violet.testimonials-slider-w.flexslider .testimonial-brand { margin-top:0;} .ts-violet.testimonials-slider-w.flexslider .testimonial-brand img { width:110px;} .blox.dark .ts-violet.testimonials-slider-w.flexslider .testimonial-brand img { border:5px solid #fff;} .ts-violet.testimonials-slider-w .testimonial-brand h5 { font-size:18px; font-family:'Arapey',serif; letter-spacing:1px;} .ts-violet.testimonials-slider-w.flexslider .flex-direction-nav a { width:30px; height:52px; border:none; border-radius:2px; padding: 17px 20px 17px 10px; background:#ddd; top:auto; bottom:85px; left:50%;} .blox.dark .ts-violet.testimonials-slider-w.flexslider .flex-direction-nav a { background:#000; border:none;} .ts-violet.testimonials-slider-w.flexslider .flex-direction-nav a:hover, .blox.dark .ts-violet.testimonials-slider-w.flexslider .flex-direction-nav a:hover { background:#ef0f38;} .ts-violet.testimonials-slider-w.flexslider .flex-direction-nav .flex-prev { margin-left:-96px;} .ts-violet.testimonials-slider-w.flexslider .flex-direction-nav .flex-next { margin-left:65px; right:auto;} @media only screen and (min-width: 960px) { .ts-violet.testimonials-slider-w .testimonial-content { margin-left: 100px; margin-right: 100px; padding:8px 15px;} } /* # Violet Countdown ================================================== */ .countdown-w.ctd-violet .block-w { border:none; border-radius:0;} .countdown-w.ctd-violet .block-w .count-w { margin:auto; border:none; font-weight:300; border-radius:0; padding: 30px; padding-top:35px; background: rgba(255,255,255,0.14); line-height: 90px; border-radius: 67px; width: 158px; box-shadow: 0px 0px 7px rgba(0,0,0,0.028), 0px 1px 1px rgba(255,255,255,0.24) inset;} .countdown-w.ctd-violet .block-w i { display:none;} .countdown-w.ctd-violet .label-w { font-size: 29px; font-weight: 400; margin-top: 20px; text-transform:capitalize;} .countdown-w.ctd-violet { font-family:'Cinzel',serif;} /* # Violet Wedding Team ================================================== */ .wedding-team-violet { text-align:center; position: relative;} .wedding-team-violet img { box-shadow:0 0 0 4px #ddd, 0 0 0 1px #ddd inset; border:7px solid #fff; border-radius:50%; max-width:238px; background:#f2f2f2; padding:4px; transition: all 0.45s ease;} .wedding-team-violet img:hover { border-color:#e74a5d;} .wedding-team-violet .team-cap h3 {font-family:'Arapey', serif; font-size:33px; margin-top:25px;} .wedding-team-violet .team-cap h4 { font-size:19px; color:#f47a89;} .wedding-team-violet .team-cap p {font-family:'Roboto Slab', sans-serif; font-size:14px;} .vc_col-sm-2 .wedding-team-violet img { border-width:4px; padding:3px; width:130px;} .vc_col-sm-2 .wedding-team-violet .team-cap h3 { font-size:25px; margin-top:20px;} .vc_col-sm-2 .wedding-team-violet .team-cap h4 { font-size:15px; line-height:1.2;} .wedding-team-violet .social-team { text-align:center;} /* # Violet Event Box ================================================== */ .eventbox { width:418px; text-align:center; display: inline-block;} .eventbox-top, .eventbox-cnt, .eventbox-bot { width:418px; height:67px; background: url('../images/violet/violet-frame01-e2.png') no-repeat center top;} .eventbox-cnt { height:auto; background: url('../images/violet/violet-frame03-e2.png') repeat-y center top; padding:0 30px;} .eventbox-bot { width:418px; height:67px; background: url('../images/violet/violet-frame02-e2.png') no-repeat center top;} .eventbox-cnt h2, .date-time { text-align:center; font-family:'Arapey',serif; font-size:36px; font-style:italic; font-weight:400; padding-bottom:30px; background: url('../images/violet/violet-art05-e2.png') no-repeat center bottom;} .blox.dark .eventbox-top { background: url('../images/violet/violet-frame01.png') no-repeat center top;} .blox.dark .eventbox-cnt { background: url('../images/violet/violet-frame03.png') repeat-y center top;} .blox.dark .eventbox-bot { background: url('../images/violet/violet-frame02.png') no-repeat center top;} .blox.dark .eventbox-cnt h2, .blox.dark .date-time { background: url('../images/violet/violet-art05.png') no-repeat center bottom;}} .eventbox-cnt h2 { margin-bottom:16px; margin-top:-15px;} .date-time { margin-bottom:20px; display: table; width:100%;} .date-time div { float:left; width:33.331%; text-align:center; min-height:50px; font-size:15px; font-style:normal; display: table-cell;} .date-time div.time { clear:right;} .date-time i { font-size:16px; display:block; margin-bottom:4px;} .date-time i.fa-heart { font-size:48px; color:#f12840; margin-top:14px;} .eventbox-cnt p { font-size:14px; font-family:'Roboto Slab',serif; line-height:21px; padding:0 7px;} .eventbox-cnt a.magicmore { padding:9px 12px; background:none; border:2px solid #e5e5e5; border-radius:3px; color:#e5e5e5; margin-top:20px; display: inline-block;} .eventbox-cnt a.magicmore:after { border:none;} .blox.dark .eventbox-cnt a.magicmore { color:#fff; border-color:#fff;} .blox.dark .eventbox-cnt a.magicmore:hover { background:#f12840; border-color:#f12840;} @media only screen and (max-width: 480px) { .eventbox-top, .eventbox-cnt, .eventbox-bot, .eventbox { width:300px; background-size:300px;} .eventbox-top, .eventbox-bot { height:63px;} } /* # Violet Latest From Blog ================================================== */ .latestposts-violet .latest-b2 { margin:20px 0; border:2px solid #e9e9e9;} .latestposts-violet .latest-b2-img { float:none; width:100%; margin:0; min-height:none;} .latestposts-violet .latest-b2-cont { min-height:auto; padding:20px;} .latestposts-violet .latest-b2-metad2 { border-top:1px solid #e9e9e9; margin:-20px; padding:20px; color:#aaa; letter-spacing:1px; font-weight:300; font-size:12px; text-transform:lowercase;} .latestposts-violet .latest-b2-metad2 i { margin-right:3px;} .latestposts-violet .latest-b2-cont a.readmore { display:none;} .latestposts-violet .latest-b2-cont p { color:#999; line-height:1.6; font-size:15px; font-weight:300;} .latestposts-violet h3.latest-b2-title { font-size:18px; margin-top:2px; text-transform:none; font-family:'Roboto Slab',serif; font-weight:400;} .latestposts-violet h3.latest-b2-title a { color:#e74a5d;} .latestposts-violet h6.latest-b2-cat, h5.latest-b2-date { font-size:10px;} /* Violet Max Titles */ .title-violet { background:url('../images/violet/violet-art02.png') no-repeat center bottom; margin:20px auto; padding-bottom:50px;} .title-violet * {font-size: 52px; color:#6c9eb8; font-weight: 400; letter-spacing: -1px; font-family: 'Lobster', Helvetica, Arial, sans-serif; padding-bottom:12px; margin-bottom:7px; text-align:center;} .title-violet p{ padding:0; margin-bottom:10px; font-size:18px; line-height:26px; font-family:'Cinzel',sans-serif; letter-spacing:0; color:#aaa;} .blox.dark .title-violet p{ color:#e9e9e9;} .max-counter.s-counter .max-count { font-weight:100;} .max-counter.s-counter h5 { font-weight:300; letter-spacing:0;} /* # Violet Twitter Feed ================================================== */ .w-twitterfeed-violet { background-color: #f9f4ed; padding: 30px 20px 40px; box-shadow:0 0 0 4px #ddd, 0 0 0 1px #ddd inset; border:7px solid #fff;} .w-twitterfeed-violet .tw-fig img { width: 110px; height: 110px; border-radius: 50%; float: left; margin-right: 20px; border:4px solid #ee7755;} .w-twitterfeed-violet .tweets { clear: both; padding-top: 30px; list-style: none;} .w-twitterfeed-violet figcaption { padding-top: 41px;} .w-twitterfeed-violet h3 { font-size: 24px; font-weight: 700; font-family:'Roboto Slab', serif; color: #ee7755; line-height: 24px; margin-bottom: 0;} .w-twitterfeed-violet a { color:#f26c47;} .w-twitterfeed-violet h4 a,.w-twitterfeed-violet .tweets li { font-size: 15px; font-weight: 300; color: #000; margin-bottom: 29px; line-height: 24px;} .w-twitterfeed-violet .tweets li.tw-item { margin-bottom: 4px;} .w-twitterfeed-violet .tweets li.tw-timestamp { color: #bd9699; font-size: 13px;} .w-twitterfeed-violet a.follow-text { margin-top: 15px; padding: 10px 25px; background-color: #fff; display: inline-block; font-family:'Roboto Slab', serif; font-size: 16px; font-weight: 400; color: #555; border-radius: 33px; text-align: center; width:100%; box-shadow:0 0 0 3px #fff, 0 0 0 1px #f0a893 inset; border:3px solid #fdcdbf;} .w-twitterfeed-violet a.follow-text:hover { border-color: #ee7755;} .w-twitterfeed-violet.w-mirror figure.tw-fig img { float: right; margin-left: 20px; margin-right: 0;} .w-twitterfeed-violet.w-mirror figcaption { float: right; text-align:right;} .w-twitterfeed-violet.w-mirror .tweets li { text-align:right;} /* ====================================================== ======================= ORCHID ======================= ====================================================== */ /* # Orchid Testimonial Slider ================================================== */ .ts-orchid.testimonials-slider-w .testimonial-content h4 { padding-bottom:0;} .ts-orchid.testimonials-slider-w .testimonial-content h4 q { font-size:25px; font-style:normal; color:#202020;} .ts-orchid.testimonials-slider-w.flexslider .testimonial-brand { margin-top:0;} .ts-orchid.testimonials-slider-w.flexslider .testimonial-brand img { width:76px; border-radius:0; border:4px solid #dfa948; padding:0; margin-bottom:14px;} .blox.dark .ts-orchid.testimonials-slider-w.flexslider .testimonial-brand img { border:5px solid #fff;} .ts-orchid.testimonials-slider-w .testimonial-brand h5 { font-size:18px; font-family:'Arapey',serif; letter-spacing:1px;} .ts-orchid.testimonials-slider-w.flexslider .flex-direction-nav a { border-width:3px; border-radius:0; padding: 13px; width: 50px; height: 50px;} .ts-orchid.testimonials-slider-w.flexslider .flex-direction-nav a i { font-size:13px;} .ts-orchid.testimonials-slider-w.flexslider .flex-control-nav { display:inline-block; position: static;} .ts-orchid.testimonials-slider-w.flexslider .flex-control-paging li { margin:0 2px; line-height:10px;} .ts-orchid.testimonials-slider-w.flexslider .flex-control-paging li a { display:inline-block; width:25px; height:4px; background:#d6d6d6; border:none; border-radius:0;} .ts-orchid.testimonials-slider-w.flexslider .flex-control-paging li a.flex-active { background:#dfa948;} @media only screen and (min-width: 960px) { .ts-orchid.testimonials-slider-w .testimonial-content { margin-left: 100px; margin-right: 100px; padding:8px 15px;} } @media only screen and (max-width: 960px) { .ts-orchid.testimonials-slider-w.flexslider .flex-direction-nav a { padding: 7px; width: 36px; height: 36px; bottom:-40px;} } /* # Orchid Wedding Team ================================================== */ .wedding-team-orchid, .team-slider { text-align:center;} .wedding-team-orchid img, .team-slider img { box-shadow:0 0 0 4px #ddd, 0 0 0 1px #ddd inset; border:7px solid #fff; max-width:100%; background:#f2f2f2; padding:4px; transition: all 0.45s ease;} .wedding-team-orchid img:hover { border-color:#e74a5d;} .wedding-team-orchid .team-cap h3, .team-slider .team-cap h3 {font-family:'Arapey', serif; font-size:33px; margin-top:25px;} .wedding-team-orchid .team-cap h4, .team-slider .team-cap h4 { font-size:22px; color:#01bbec; font-family:'Arapey', serif; border-bottom: 2px solid #e8e8e8; max-width: 170px; margin: 0 auto 11px; padding-bottom:12px;} .wedding-team-orchid .team-cap p, .team-slider .team-cap p {font-family:'Roboto Slab', sans-serif; font-size:14px; color:#888;} .team-slider.flexslider .flex-control-paging { display:none;} .wedding-team-orchid .social-team { text-align:center;} /* # Orchid Title ================================================== */ .title-orchid * { font-family:'Roboto Slab', serif; font-size:49px; text-align:center; margin:10px 0 25px; letter-spacing:-2px;} /* # Orchid Latest From Blog ================================================== */ .latestposts-orchid .latest-b2 { margin:20px 0 0;} @media only screen and (min-width: 960px) { .latestposts-orchid .col-md-6 { padding-left:50px;} .latestposts-orchid .col-md-6:first-of-type { border-right:1px solid #eee; padding-left:0; padding-right:40px;} } .latestposts-orchid .latest-b2-img { float:none; width:100%; margin:0; min-height:auto;} .latestposts-orchid .latest-b2-cont { min-height:20px;} .latestposts-orchid .latest-b2 .au-avatar img { width:75px; height:75px; border:3px solid #dfa948; margin-bottom:12px;} .latestposts-orchid .latest-b2 h6.blog-date { margin-bottom:12px;} .latestposts-orchid .latest-b2 h6.blog-author { margin-bottom:30px; font-family:'Source Sans Pro',sans-serif; letter-spacing:1px; font-size:21px; color:#222;} .latestposts-orchid .latest-b2 h6.blog-author strong { color:#999; text-transform:uppercase; letter-spacing:1px; font-size: 14px; font-weight: 300;} .latestposts-orchid .latest-b2 h6.latest-b2-cat { display:inline-block; padding:12px 16px 10px; background:#85b53f; color:#fff;} .latestposts-orchid .latest-b2 h6.latest-b2-cat a { color:#fff;} .latestposts-orchid .latest-b2-img { padding-left:15px;} .latestposts-orchid .latest-b2-img img { margin-bottom:14px; border:6px solid #eee;} .latestposts-orchid h3.latest-b2-title { font-size:25px; padding-left:15px; line-height:1.2; margin-top:3px; text-transform:none; font-family:'Roboto Slab',serif; font-weight:400; letter-spacing:0;} .latestposts-orchid h3.latest-b2-title a { color:#292929;} .latestposts-orchid h3.latest-b2-title a:hover { color:#e74a5d;} .latestposts-orchid h6.latest-b2-cat, h5.latest-b2-date { font-size:10px;} .latestposts-orchid .latest-b2 h6.blog-date span { font-size:21px;} @media only screen and (max-width: 960px) { .latestposts-orchid .latest-b2 .au-avatar { float:left; margin-right:20px;} .latestposts-orchid .latest-b2 h6.blog-author { margin-bottom:5px; font-size:19px;} .latestposts-orchid .latest-b2 h6.latest-b2-cat { display:inline-block; padding:6px 12px 5px;} .latestposts-orchid .latest-b2-img { padding-left:0; clear:both;} .latestposts-orchid .latest-b2-img img { width:100%;} .latestposts-orchid h3.latest-b2-title { font-size:21px; padding-left:0;} } /* -------- end ----------- */