/* Theme Name: BB Wedding Bliss Theme URI: http://themeshopy.com/free/wp-wedding-wordpress-theme/ Author: Themeshopy Author URI: http://www.themeshopy.com/ Description: BB Wedding Bliss is a wedding WordPress theme to construct websites for marriage, engagement, couples, wedding planners, wedding band, personal, portfolio, art, design, business, photography, girlie or feminine blogs and websites, as well as photographer type of clients. You can make beautiful wedding websites with this multipurpose theme that caters to businesses such as hospitality, lodge, hotel, restaurant, café, food joints, cuisines, recipe, eatery, etc. It’s a completely mobile-friendly theme which is built using Bootstrap – an excellent framework. It has powerful shortcodes that will set up a pleasing website for you. It has a well-integrated versatile banner with attractive Call to Action Button (CTA). From the testimonial section, you can spread client reviews about your site. This theme has many features such social media tools, amazing typography options, color choices, customizable admin panel, etc. The optimized codes support faster page load time to give a stunning user experience. BB Wedding WordPress Theme is SEO friendly that gets over the top in search result pages. Take away this professional Wedding WordPress Theme which will give a beautiful touch to your wedding website. Demo: http://www.themeshopy.com/bb-wedding-bliss-theme/ Version: 1.0 License: GNU General Public License License URI: license.txt Text Domain: bb-wedding-bliss Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, sticky-post, buddypress, full-width-template, theme-options, threaded-comments, blog, photography, portfolio BB wedding bliss WordPress Theme has been created by themeshopy, 2017. BB wedding bliss WordPress Theme is released under the terms of GNU GPL */ /* Basic Style */ *{ margin:0; padding:0; outline:none; } body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#f1f1f1; font:12px/22px arial; color:#5b5b5b; font-family:Open sans; } img{ margin:0; padding:0; border:none; max-width:100%; height:auto; } section img{ max-width:100%; } h1, h2, h3, h4, h5, h6{ margin:0; padding:10px 0; } p{ margin:0 0 15px; padding:0; font-size:18px; line-height:normal; font-weight:normal; } a{ text-decoration:none; color:#000; } a:hover{ text-decoration:none; color:#666; } a:focus, a:hover{ text-decoration:none !important; } ul{ margin:0 0 0 15px; padding:0; } :hover{-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } select{ width:100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{ clear:both; } .clear{ clear:both; } input[type='submit']:hover{ cursor: pointer; } .center{ text-align:center; margin-bottom:40px; } .middle-align{ margin:0 auto; padding:20px 0 20px; } .wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%; } .wp-caption-text{ margin:0; padding:0; } .screen-reader-text { position: absolute; top:-9999em; left:-9999em; } .sticky{ margin:0; padding:0; } .gallery-caption{ margin:0; padding:0; } .alignleft, img.alignleft { display: inline; float: left; margin-right:20px; margin-top:4px; margin-bottom:10px; padding:0; border:1px solid #bbb; padding:5px; } .alignright, img.alignright { display: inline; float: right; border:1px solid #bbb; padding:5px; margin-bottom:10px; margin-left:25px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; } .comment-list .comment-content ul { list-style:none; margin-left:15px; } .comment-list .comment-content ul li{ margin:5px; } #respond{ clear:both; } .toggleMenu{ display:none; } .bypostauthor{ margin:0; padding:0; } small{ font-size:14px !important; } a.small-button{ background:#3890cb; padding:5px 30px; border-radius:3px; color:#fff; display:table; margin:0 auto; } a.small-button:hover{ color:#fff; background:#0c5f96; } input[type="text"], input[type="email"], input[type="phno"], textarea{ border:1px solid #bcbcbc; width:100%; font-size:16px; padding:10px 10px; margin:0 0 23px 0; height:auto; } textarea{ height:111px; } input[type="search"] { float: left; padding: 10px; border: none; color: #000; } input[type="submit"] { border:2px solid #EE1C25; text-align:center; text-transform:uppercase; font-size:18px; padding:7px 30px; background:#EE1C25; font-weight:bold; color:#fff; border-radius:3px; display:table; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #EE1C25; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: #fff; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* ---------Buttons--------- */ a.button-all{ border:2px solid #000; color:#000; padding:8px 50px; margin:20px 0 0 0; font-weight:bold; } a.button{ border: 2px solid #3890cb ; background:#3890cb; color: #fff; font-size: 16px; margin: 20px 0 0; padding: 7px 30px; text-transform: uppercase; font-weight:bold; } /* ---------HEADER--------- */ .top-head { background: rgba(238, 28, 37, 0.75); float: left; width: 100%; } .header-no-slider{ height: 100px; } #header.fixed{ position:fixed !important; top:0 !important; margin:0; padding:15px 0; z-index:99999999; background-color:#ffffff; opacity:inherit; } #header .logo{ margin:0; padding: 24px 0; text-align:left; } #header .logo h1{ font-weight:700; text-transform:uppercase; padding:0; margin-bottom:8px; font-size:30px; font-weight:bold; margin-top: 0; text-align:left; } #header .logo a{ color:#EE1C25; font-family:'Roboto'; } #header .logo p{ font-size:12px; font-family:arimo; color: #EE1C25; } #header { background: #ffffff; border-bottom: 5px solid #EE1C25; box-shadow: 0 0 30px 2px #333; } #header{ z-index:999; width:100%; height:auto; background-color:none; } #header .header-top{ background:#000; color:#aaaaaa} #header .header-top a{ color:#aaaaaa} #header .top-contact{ padding:12px 0; font-size:15px; text-align: right; } #header .top-contact .call { background: url(images/phone1.png) no-repeat; padding: 4px 0 1px 25px; margin-right: 15px; color: #fff; font-size: 16px; font-family: 'Vollkorn', serif; } #header .top-contact .email { background: url(images/email1.png) no-repeat; padding: 0px 0 0px 25px; color: #fff; font-size: 16px; font-family: 'Vollkorn', serif; } .social-media i { margin-right: 1%; font-size: 16px; color: #fff; border: solid 2px #fff; border-radius: 50%; } .social-media i.fa.fa-youtube { padding: 10px 12px; } .social-media i.fa.fa-facebook { padding: 10px 14px; } .social-media i.fa.fa-twitter { padding: 10px 11px; } .social-media i.fa.fa-rss { padding: 10px 12px; } .social-media i.fa.fa-instagram { padding: 10px 12px; } .social-media i.fa.fa-google-plus { padding: 10px 10px; } .social-media i.fa.fa-pinterest-p { padding: 10px 13px; } #header .social-media{ padding:12px 0; text-align:left; } .social-media .dashicons{ margin: 0 6px; padding: 0; } #header .social-media a:hover{ color:#3890cb; } .buttonbox a{ background:#3890cb; color:#fff; padding:8px 15px; display:block; margin:27px 0 0 0; border-radius:5px; text-align:center; } .buttonbox a:hover{ background:#000; color:#fff; } #header .nav{ margin:5px 0 0 0; padding:0; text-align:left; float:right; } #header .nav ul { float:right; margin:0; padding:0; font-family:'Roboto'; font-weight:400; font-size:14px; text-transform: uppercase; font-weight:bold; } #header .nav ul li{ display:inline-block; margin:0; position:relative; } #header .nav ul li a{ color:#ffffff; padding:10px; display:block; } #header .nav ul li a:hover{ color:#EE1C25; } #header .nav ul li a:active{ color:#3890cb; } @media screen and (max-width:720px) { #comments input[type="submit"].submit{ width: 100% !important; } .toggle{ display:block; } .toggle a{ width:100%; color:#fff; background:url('images/responsive_menu.png') no-repeat right center #EE1C25; padding:10px 10px; font-size:16px; } .toggle a:hover{ color:#fff; } .toggle a.active{ color:#fff; } .nav{ display:none; } #header .nav{ float:none; margin:0; position:absolute; z-index:999; overflow-x:hidden; width: 100%; left: 0; } #header .nav ul{ width:100%; float:none !important; margin-top:0; background-color:#222222; } #header .nav ul li{ border-top:1px #303030 solid; display:block; float:none; text-align:left; } .nav ul li a{ padding:5px 10px; display:block; color:#ffffff !important; } .nav ul li a:hover{ color:#ff8a00; } .nav ul li ul, .nav ul li ul ul{ display:block !important; } .nav ul li ul li a:before{ content:"\00BB \00a0"; } .nav ul li ul li a{ padding-left:20px !important; } .nav ul li ul li ul li a{ padding-left:30px !important; } } @media screen and (min-width:720px){ #header .nav ul li ul{ display:none; z-index:2; font-weight:normal; margin-top:12px; } #header .nav ul li:hover > ul{ display:block; background:#EE1C25; width:200px; position:absolute; top:25px; left:0; text-align:left; padding:10px 0; z-index:99; } #header .nav ul li:hover > ul li{ display:block; } #header .nav ul li:hover > ul li a{ padding:7px 0px 7px 10px; color:#ffffff; } #header .nav ul li:hover ul li ul{ display:none; } #header .nav ul li:hover ul li:hover > ul{ display:block; position:absolute; left:200px; top:-20px; } #header .nav ul.sub-menu{ margin-top:10px; } #header .nav ul.sub-menu li a:hover{ background:#3890cb; color:#14c2a0; } #header .nav ul { margin:27px 0 0 0; } #header .nav ul li a{ color:#25333c; padding:7px 10px; display:block; font-family: 'Vollkorn', serif; } } @media screen and (min-width: 1000px) { #header #header-inner .nav ul li ul li{ display:block; position:relative; float:none; } #header #header-inner .nav ul li ul li a{ color:#000; display:block; padding-top:10px; padding-bottom:10px; border-bottom:1px #313131 solid; } } /* Homepage */ #our-services small{ color:#6d6d6d; margin:0 0 20px 0; } #our-services .small-button{ margin-top:30px; } #our-services .page-box { color: #4D4D4D; border-radius: 5px; padding: 30px 0; margin: 0 0 4% 0; background: #fff; } #our-services .page-box h4 a{ color:#4d4d4d; margin:0 0 29px 0; padding:0; } #our-services .page-box p{ font-size:15px; margin:0; line-height: 25px; color: #737371; } #our-services .box-image{ margin:0; } #our-services img{ max-width:100%;-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; border:1px solid #fff; width:100%; } #our-services .services-box{ margin:40px 0 20px 0; } /* Headings */ section h2{ font-weight:bold; text-align:center; margin:0 0 45px; padding:0; text-transform:uppercase; } section h3{ font-weight:bold; text-align:center; margin:30px 0 0 0; text-transform:uppercase; } section h4{ color:#000; font-weight:bold; font-size:20px; } section h5{ color:#3890cb; font-weight:bold; font-size:24px; margin:0 0 10px 0; padding:0; } .new-line, .box-content p{ margin-bottom: 2em; } .box-content h3{ color:#000; font-weight: bold; } .text-center{ text-align: center!important; } a.r_button { background: #3790ca; padding: 0.5em 2em; color: #fff; } section{ font-family:Open sans; } section .innerlightbox{ background-size:100% 100%; padding:4.5em 0; color:#000; } section .innerdarkbox{ background-size:100% 100%; padding:4.5em 0; color:#fff; } /* Footer Section */ #footer .widget { padding-top: 15%; padding-bottom: 5%; } .tagcloud a { color: #fff; } #footer input[type="search"] { width: 100%; border: none; padding: 7px 6px; border: solid 1px #4d4d4d; } #footer input[type="submit"] { font-size: 10px; padding: 12px 8px; font-weight: bold; color: #fff; margin: 3px 0 0 0; width: 25%; float: right; font-size: 15px; } #footer td#prev a { color: #fff; } table#wp-calendar { width: 100%; } #footer caption, #sideabr caption { font-weight: bold; color: #fff; font-size: 20px; } #footer table,#footer th,#footer td, #sidebar table,#sidebar th,#sidebar td { border: 1px solid #d1d1d1; text-align: center; } #sidebar td, #sidebar td#prev a, #sidebar th { color:#737171 !important; padding: 10px; } #footer td { padding: 10px; color: #fff; } #footer th, #sidebar th { text-align: center; padding: 10px; color: #fff; } #footer select, #sidebar select { padding: 8px 5px; color: #4d4d4d; } #footer li a { color: #fff; font-size: 15px; } #footer ul li { list-style: none; padding: 5px 0; } #footer ul { margin: 0; } #footer{ background:rgba(238, 28, 37, 0.75); text-align:center; color:#fff; text-align:left; font-family:Helvetica; clear:both; } #footer h3{ text-align:left; text-transform:uppercase; font-size:24px; margin:0 0 24px 0; border-bottom:3px double #4d4d4d; padding:0 0 17px 0; } #footer p{ font-size:14px; } #footer .news-form{ margin-top:24px; } #footer input[type="text"]{width:60%; padding:8px 5%; float:left; margin-right:2%; border-radius:5px; } #footer input[type="submit"] { width: 43%; padding: 8px 5%; float: right; border: none; background: #4d4d4d; border-radius: 5px; margin: 0; } #footer .copyright{ text-align:center; } .copyright p { font-size: 16px !important; color: #fff; } .copyright p a{ color: #000; } .copyright p a:hover{ color: #EE1C25; } .abovecopyright { background: #4d4d4d; padding: 30px 0px; } /* --------- Bride & Groom ------- */ .contentbox a { color: #ee1c25; font-size: 18px; font-family: 'Vollkorn', serif; } .contentbox p { padding: 0 14%; font-family: 'Vollkorn', serif; font-size: 16px; color: #666; } .contentbox h4 { color: #666; font-family: 'Vollkorn', serif; font-style: italic; font-weight: normal; font-size: 25px; } .heading-line{ text-align: center; } .heading-line img { margin-bottom: 3%; } .heading-line h3 { color: #ee1c25; font-size: 35px; font-family: 'Unica One', cursive; font-weight: normal; letter-spacing: 1px; margin-top: 0%; padding-bottom: 0; } .contentbox { text-align: center; margin-bottom: 5%; } .imagebox { text-align: center; width: 30%; margin: 0 auto; } /* --------- Blog Page ------- */ .grid { padding: 15px !important; } #full-width-blog .postbox{ height:355px; } #blog-right-sidebar .postbox img, #blog-left-sidebar .postbox img{ height:250px; } #blog-left-sidebar .postbox img:hover{ border:1px solid #d3da36; } .postbox { margin-bottom:39px; border-bottom:2px dotted #7e7e7e; padding:0 0 26px; } .postbox h2{ margin:0 0 5px; font-weight:bold; } .postbox a.blogbutton { background:none; color:#fff; font-size:12px; font-weight:bold; color:#fff; padding:6px 25px; border:1px solid #000; color:#000; font-size:18px; text-transform:uppercase; margin:25px 0 0 0; display:table; } .blogbutton-small{ background:none; color:#fff; font-size:12px; font-weight:bold; color:#fff; padding:6px 25px; border:2px solid #EE1C25; color:#EE1C25; font-size:14px; text-transform:uppercase; margin:25px 0 0 0; display:table; } .metabox{ color:#000; padding:15px 0; clear:both; } .metabox .entry-date{ background:url('images/date.png') no-repeat; padding: 0 0 0 20px; margin:0 13px 0 0; } .metabox .entry-author{ background:url('images/author.png') no-repeat; padding: 0 0 0 20px; margin:0 20px 0 0; } .metabox .entry-comments{ background:url('images/comments.png') no-repeat; padding: 0 0 0 20px; } #content-ts h6{ margin:0 0 15px; font-size:18px; padding:0; font-weight:bold; line-height:normal; } /* --------- POST --------- */ section#blog{ padding-top:0; margin-top:0; } .blog-post h5{ text-transform:uppercase; color: #000; } .feature-image-box{ width:100%; } .feature-image-box img{ height:230px; } .hovereffect a{ border:1px solid #fff; background:#000; color:#fff; padding:5px 20px; } .hovereffect a:hover{ background:#ffd34e; color:#000; } .bradcrumbs{ padding:30px 0; } .bradcrumbs a{ background:#f1f1f1; color:#000; padding:5px 15px; margin-right:5px; } .bradcrumbs a:hover{ background:#ffd34e; } .bradcrumbs span{ background:#dddddd; color:#000; padding:5px 15px; } /* Comments BOX */ #comments{ margin-top:40px; } #comments h2.comments-title{ font-size:20px; font-weight:bold; border-top:2px dotted #7e7e7e; padding:40px 0 0 0; } #comments h3.comment-reply-title{ font-size:20px; font-weight:bold; clear:both; } #comments input[type="text"], #comments input[type="email"], #comments textarea{ width:100%; padding:12px 10px; font-size:18px; margin:20px 0 0 0; } #comments input[type="submit"].submit{ background:#EE1C25 !important; padding:10px 50px; text-transform:uppercase; font-weight:bold; margin-top:20px; margin-left:0; border: none; } #comments a.comment-reply-link{ color:#000; background:#cecece; padding:5px 15px; } #comments a.comment-reply-link:hover{ background:#EE1C25; color: #fff; } #comments a time{ color:#000; font-weight:bold; font-size:12px; } #content-ts #comments ol li{ width:100%; background:none;list-style:none; margin: 0 0 20px; background:#eee; display:inline-block; } #content-ts #comments ul{ margin:0 0 0 40px; } #comments .reply{ float:right; } #comments .comment-author{ width:100%; } #comments .comment-metadata{ width:90%; float:left; padding:1% 0 0 0; } #comments .comment-content{ width:90%; float:left; margin-left:7%; } #comments p { width:90%; float:left; } /* --------- SLIDER--------- */ #slider{ max-width:100%; margin:auto; padding:0; position:relative; } .nivo-caption { top:20%!important; } #slider .slide-cap{ position:relative; margin:auto; width:90%; margin-right:auto; margin-left:auto; top:25%; } #slider .slide-cap h4{ text-transform:uppercase; font-size:25px; width:30%; margin:0 auto; background:url('images/welcome.png') center no-repeat; background-position: center; padding:5px 0; font-weight:bold; } #slider .slide-cap h2{ padding:0 25px 5% 0; font:700 80px 'Roboto'; text-transform:uppercase; left:50%; } #slider .slide-cap p{ color:#ffffff; font-weight:700; margin:0 0 0 0; line-height:20px; border-radius:0 0 5px 5px; font:25px/20px arial; text-transform:uppercase; font-weight:bold; } #slider .slide-cap a.read-more{ border-radius:3px; padding:9px 50px; border:2px solid #dadada; color:#ffffff; background:#ee1c25; font-size:18px; height:auto; display:table; margin:0 auto; } a.blog-more{ display:inline-block; font:400 16px 'Roboto Condensed', sans-serif; padding:10px 30px; margin-top:21px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-right:15px; } /* Sidebar */ #sidebar{ font-family:Helvetica; } #sidebar form{ display: table; width: 100%; } #sidebar h3 { margin: -40px 0 20px; padding: 10px 15px; font-weight: bold; border-radius: 30px; font-size: 18px; font-family: Roboto; background: #EE1C25; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 2px; } #sidebar input[type="search"] { background:#fff; padding:9px 10px; border:none; font-size:15px; color:#000; width:100%; } #sidebar label{ width:70%; float:left; } #sidebar input[type="submit"]{ background:#EE1C25; border:none; color:#fff; padding:10px 0; width:30%; font-size:14px; float:left; margin:0; } #sidebar aside { margin-bottom: 12%; border: 2px solid #EE1C25; padding: 15px; border-radius: 3px; } #sidebar ul {list-style:none; margin:0; padding:0; font-size:16px; } #sidebar ul li{ background:url('images/bullets-sidebar1.png') no-repeat 0 2px; margin:0 0 15px; padding:0 0 0 23px; } #sidebar ul li a{ color:#737171; } #sidebar ul li a:hover{ color:#EE1C25; } label{ margin-bottom: 0px; } #sidebar .tagcloud a{ background:#eeeeee; color:#000; font-size:15px !important; padding:5px 18px; margin:0 0 5px; display:inline-block; } #sidebar .tagcloud a:hover{ background:#ffd34e; } /* Page */ .title-box{ background-repeat:no-repeat; background-size:100% 100%; color:#fff; text-transform:uppercase; padding:75px 0; font-weight:bold; text-align:center; margin-bottom:25px; font-family:Roboto; background-color: rgba(238, 28, 37, 0.75); } .single .title-box{ background-size:100% auto; } #content-ts { font-family:Helvetica; } #content-ts p{ text-align:justify; line-height: 25px; font-size: 16px; margin:0 0 20px 0; } #content-ts hr{ border:none; border-bottom:2px dotted #7e7e7e; margin:35px 0; clear:both; } #content-ts h2{ font-size:32px; font-weight:normal; margin:0; padding:0; color:#000; margin:0 0 25px; font-family:Roboto; } #content-ts h3{ font-size:36px; font-weight:normal; margin:0; padding:0; color:#000; margin:0 0 25px; font-family:Roboto; } #content-ts h4{ font-size:20px; font-weight:bold; margin:0; padding:0; color:#333; margin:0 0 25px; font-family:Roboto; } #content-ts ul{list-style:none; margin:0 0 0 10px; padding:10px 0 0; font-size:16px; } #content-ts ul li{ padding:0 0 0 35px; margin:0 0 20px 0; line-height:25px; } #content-ts ol{list-style: none; padding:10px 0 0 0; font-size:16px; counter-reset: myCounter; } #content-ts ol li{ padding:0 0 0 0; margin:0 0 20px 0; } /* Pagination */ .nav-previous { float: left; width: 50%; font-size: 15px; } .nav-next { float: right; font-size: 15px; width: 50%; } .pagination { clear:both; position:relative; font-size:14px; /* Pagination text size */ line-height:13px; float:right; /* Pagination float direction */ font-weight:bold; } .pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:10px 15px; text-decoration:none; width:auto; color:#fff; /* Pagination text color */ background: #4d4d4d ; /* Pagination non-active background color */ -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; } .pagination a:hover{ color:#fff; background: #EE1C25; /* Pagination background on hover */ } .pagination .current{ padding:10px 15px; background: #EE1C25; /* Current page background */ color:#fff; font-weight:normal; } @media screen and (max-width:991px) { #slider .slide-cap h2{ font-size:150% } .day-time{ border-bottom: 1px solid #fff; margin-bottom: 15px; padding-bottom: 20px; } }