<data:blog.pageTitle/> <data:blog.pageName/> - <data:blog.title/> Page Not Found - <data:blog.title/> */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ div#Subscribe h2 { display: none; } div#Header1 p { text-align: center; text-align: center; font-family: Lora; color: #aeaeae; } #layout:before { content: 'This is the property of ThemeXpose.com'; text-transform: uppercase; font-size: 20px; color: #999; margin: 0 0 20px 0; display: inline-block; font-weight: 700; padding: 20px; font-family: sans-serif; border: 4px double #FD856E;} #Attribution1 {height:0px;visibility:hidden;display:none;} #b-navbar {height:0px;visibility:hidden;display:none;} .widget-item-control {display:none;} body#layout,body#layout .container { width: 1000px; } body#layout #navigation { height: auto; margin-top: 30px; position: relative; width: 100%; z-index: 999; } body#layout #navigation-wrapper { width:29%; float:left; } body#layout #header { width: 29%; float: left; } body#layout #top-social { width:29%; float:left; } body#layout #widget-area .footerwidget { width:30%; margin-right: 0px; } body#layout #sidebar .widget { width:100%; } body#layout div#main { width: 60%; } body { color: $(body.text.color); font:$(body.font); line-height: 24px; letter-spacing: 0px; text-transform: none; font-weight: 400; background-color:$(body.background.color); } p { font-size:16px; line-height:26px; } a { text-decoration:none; color:$(body.link.color); } a:hover { color:$(body.link.color.hover) } h1,h2,h3,h4,h5,h6 { font-family:"Open Sans", sans-serif; } .container { width:1240px; margin:0 auto; } .container.sp_sidebar { overflow:hidden; } #main { width:100%; } .container.sp_sidebar #main { width:67%; float:left; } #sidebar { width:28%; float:right; } /********************************/ /*** Navigation ***/ /********************************/ #navigation { background:#fff; height:54px; text-align: center; z-index:999; width:100%; -webkit-backface-visibility: hidden; } .slicknav_menu { display:none; } #navigation .container { position:relative; } .menu li { display:inline-block; margin-right:35px; position:relative; } .menu li a { font:$(navbar.text.font); color:$(navbar.text.color); line-height:54px; text-transform:uppercase; display:inline-block; letter-spacing: .085em; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .show-search { position: absolute; right: 34px; display: none; z-index: 2; } .show-search #searchform input#s { color: #666; padding: 9px 10px; width: 100%; box-sizing: border-box; border-radius: 0; width: 230px; background: #fff; height: 32px; border: 1px solid #eee; border-right: none; z-index: 1; } .header-right a { display: inline-block; font-size: 14px; color: #777; border: 1px solid #eee; width: 32px; height: 30px; line-height: 30px; text-align: center; } /*** DROPDOWN ***/ .menu .sub-menu, .menu .children { background-color: #171717; display: none; padding: 0; position: absolute; margin-top:0; left: 0; z-index: 99999; } ul.menu ul a, .menu ul ul a { color: #999; margin: 0; padding: 6px 10px 7px 10px; min-width: 160px; line-height:20px; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; border-top:1px solid #333; } ul.menu ul li, .menu ul ul li { padding-right:0; margin-right:0; } ul.menu ul a:hover, .menu ul ul a:hover { color: #fff; background:#333; } ul.menu li:hover > ul, .menu ul li:hover > ul { display: block; } .menu .sub-menu ul, .menu .children ul { left: 100%; top: 0; } a.more-link:hover { background-color: $(main.color); color: #fff!important; border-color: $(main.color)!important; } /** Search **/ .header-top .container { position: relative; } /*** Top Social ***/ #top-social a{ font-size:14px; display: inline-block; color:#343434; width: 25px; height: 54px; line-height: 54px; text-align: center; color:#e6c55d; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } h1.logo_h.logo_h__txt { font: $(header.text.font); padding: 60px 0; text-align: center; font-weight: 300; color:$(header.text.color); text-transform: uppercase; } .post-tag a { display: inline-block; line-height: 1.2; margin-bottom: 10px; letter-spacing: 0px; color: #e04f62; margin-bottom: 12px; padding: 0 15px; display: none; position: relative; font-family: "Lora",serif; font-size: 13px; white-space: nowrap; font-style: italic; } .post-tag a:first-child { display: inline-block; } .post-tag a:before { content: ''; display: block; height: 0.5px; width: 25px; position: absolute; top: 43%; right: 100%; background-color: $(main.color);; } .post-tag a:after { content: ''; display: block; height: 0.5px; width: 25px; position: absolute; top: 43%; left: 100%; background-color: $(main.color);; } /********************************/ /*** Header ***/ /********************************/ #header { padding:65px 0; } #logo { text-align:center; } #top-search { position: absolute; right: 0; line-height: 54px;} #top-social{float:left; position: absolute;} .header-top #top-social, .header-top #top-search{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } /** Featured area **/ /********************************/ /*** Grid Item ***/ /********************************/ /* grid title */ .sp-grid-title { margin-bottom:45px; text-align:center; } .sp-grid-title h3 { font-size: 26px; font-weight: 400; text-transform: uppercase; letter-spacing:4px; margin-bottom:4px; } .sp-grid-title .sub-title { font-size: 18px; font-style: italic; color: #999; } .sp-grid li { display: inline-block; vertical-align: top; width: 300px; margin-right: 16px; margin-bottom: 45px; } .container.sp_sidebar .sp-grid li { width:315px; } .container.sp_sidebar .sp-grid li:nth-child(3n+3) { margin-right:16px; } .container.sp_sidebar .sp-grid li:nth-child(2n+2) { margin-right:0; } .sp-grid li:nth-child(3n+3) { margin-right:0; } .sp-grid li .item img { width:100%; height:auto; margin-bottom:10px; } .sp-grid li .item .cat { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-family:"Open Sans"; margin-bottom:7px; display:block; } .sp-grid li .item .cat a:hover { text-decoration:underline; } .sp-grid li .item h2 { margin-bottom:8px; } .sp-grid li .item h2 a { font-size: 15px; color: #000000; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .sp-grid li .item h2 a:hover { opacity:.5; } .sp-grid li .item p { margin-bottom:6px; } .sp-grid li .item .date { font-size: 13px; color: #999; letter-spacing: 1px; font-style: italic; } /********************************/ /*** Post ***/ /********************************/ .post { margin-bottom:60px; width:47.5%; float:left; } article:first-child{ width:99%; } article:nth-child(2n+2) { margin-right: 31px; } article .post-meta{display:none} article:first-child .post-meta{display:block;} .single .post { margin-bottom:70px; } /*** Post Header ***/ .post-header { margin-bottom:10px; padding-bottom: 15px; text-align: center; padding: 0 20px; } .post-header .cat a { color: $(label.color); font:$(label.font); display: inline-block; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 2px; } .post-header .cat a:hover { color: $(label.color.hover); text-decoration:underline; } .post-header h1, .post-header h2 { margin-bottom:8px; } .post-header h1 a, .post-header h2 a, .post-header h1 { font: $(post.title.font); color: $(post.title.color); -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; position: relative; display: block; margin-bottom: 23px; font-weight: 400; font-style: normal; line-height: 1.3; text-transform: uppercase; letter-spacing: .11em; margin-top: 10px; } article:first-child .post-header h1 a,article:first-child .post-header h2 a,article:first-child .post-header h1{font-size:26px;} .post-header h2 a:hover { color: $(post.title.color.hover); } /*** Post image ***/ .post-image { margin-bottom:18px; } .post-image img { max-width:100%; height:auto; min-width:100%; } .post-image.audio iframe { height:166px; } .container.sp_sidebar .post-image.audio iframe { width:650px; height:auto; } /*** Post Entry ***/ .post-entry { text-align: justify; } .post-entry img { max-width:100%; height:auto; } .post-entry p { margin-bottom:20px; text-align: justify; text-align: center; } .post-entry a.more-link { margin: 30px 0 25px; display: inline-block; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; position: relative; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; font-weight: 400; padding: 0 25px; font-size: 12px; text-transform: uppercase; display: inline-block; border: 1px solid #ddd; color: #303030; height: 34px; line-height: 34px; display:none; } article:first-child .post-entry a.more-link{ display: inline-block;} .post-entry p, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr { margin-bottom:20px; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { color:#000; font-weight:700; } .post-entry h1 { font-size:30px; } .post-entry h2 { font-size:27px; } .post-entry h3 { font-size:24px; } .post-entry h4 { font-size:20px; } .post-entry h5 { font-size:18px; } .post-entry h6 { font-size:16px; } .post-entry hr { border:0; height:0; border-bottom:1px solid #e5e5e5; clear:both; } .post-entry blockquote p { border-left:3px solid #cea525; color:#999; padding:0 18px; font-family:"Georgia"; font-size:18px; line-height:28px; font-style:italic; } .post-entry ul, .post-entry ol { padding-left:45px; margin-bottom:20px; } .post-entry ul li { margin-bottom:12px; list-style:square; } .post-entry ol li { margin-bottom:12px; list-style:decimal; } .sticky.post .post-header { border:1px dashed #ddd; padding:20px 0; } .bypostauthor {} .post-entry table { width:100%; margin-bottom:22px; border-collapse:collapse } .post-entry td, .post-entry th { padding: 12px; border-bottom: 1px #e5e5e5 solid; } .post-entry th { font-weight:bold; font-size:14px; background:#f5f5f5;} .post-entry tr:hover { background:#f9f9f9; } /*** Post Share ***/ .post-share { text-align:center; margin-top:40px; margin-bottom:100px; background:url(http://1.bp.blogspot.com/-RaxSFprHuWw/U-eh4Hd6OgI/AAAAAAAAAP0/sijBcrNVTjo/line.gif) repeat-x center center; } .post-share a { display:inline-block; } .share-box { width: 42px; height: 42px; border-radius: 50%; background: #fff; border: 4px double #ddd; display: inline-block; line-height: 42px; margin: 0 10px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } .share-box i { font-size:14px; } .share-box:hover { background:#171717; border:1px solid #171717; } /*** Post author ***/ .post-author { margin-bottom:80px; margin-top:70px; overflow:hidden; border-bottom: 1px solid rgba(34,34,34,0.1); padding-bottom: 40px; margin-bottom: 40px; } .author-img { float:left; margin-right:30px; } .author-img img { border-radius:50%; } .author-content h5 a { font-size:14px; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; color:#000; display:block; } .author-content p { margin-bottom:8px; } .author-content .author-social { font-size:14px; color:#bbb; margin-right:8px; } /*** Post related ***/ .post-related { overflow:hidden; margin-bottom:80px; margin-top:40px; padding: 0 30px; } .post-box { text-align:center; } .post-box-title { text-align: left; margin-bottom: 20px; font-family: Lato; font-weight: 400; color: #282828; font-size: 18px; text-transform: uppercase; margin: 0 0 30px 0; letter-spacing: 1px; position: relative; padding-bottom: 10px; } .item-related { width:292px; float:left; margin-right:32px; } .item-related:last-child { margin-right:0; } .container.sp_sidebar .item-related{ width:241px; margin-right:19px; } .container.sp_sidebar .item-related:last-child { margin-right:0; } .item-related img { margin-bottom:6px; width:100%; height:auto; } .item-related h3 a { display: block; font-family: Playfair Display; font-weight: 300; color: #303030; font-size: 16px; line-height: 22px; } .item-related h3 a:hover { text-decoration:underline; } .item-related span.date { font-size:10px; font-family:"Open Sans", sans-serif; text-transform:uppercase; font-style:italic; color:#999; } /** Post tags ***/ .post-tags { margin-top:30px; margin-bottom:50px; } .post-tags a { font-family:"Open Sans", sans-serif; font-size:11px; letter-spacing:2px; text-transform:uppercase; background:#f2f2f2; color:#666; padding:7px 10px 8px; margin-right:6px; border-radius:2px; margin-bottom:5px; display:inline-block; } .post-tags a:hover { background:#333; color:#fff; text-decoration:none; } /*** Post Pagination ***/ .post-pagination { overflow:hidden; } .post-pagination .prev-post { float:left; width:470px; } .post-pagination .next-post { float:right; text-align:right; width:470px; } .container.sp_sidebar .post-pagination .prev-post, .container.sp_sidebar .post-pagination .next-post { width:325px; } .post-pagination span { color:#999; font-size:16px; font-style:italic; letter-spacing:1px; } .post-pagination .arrow { font-size:64px; color:#ddd; line-height:64px; } .post-pagination .prev-post .arrow { float:left; margin-right:18px; } .post-pagination .next-post .arrow { float:right; margin-left:18px; } .pagi-text { margin-top:11px; } .post-pagination h5 { text-transform:uppercase; letter-spacing:2px; font-size:14px; } .post-pagination a { color:#999; } .post-pagination a:hover > .arrow, .post-pagination a:hover > .pagi-text span, .post-pagination a:hover { color:#000; } .site-social-networks.show-title li { text-align: center; } .site-social-networks li { display: inline-block; padding: 0; } .site-social-networks.show-title a { margin: 20px auto 0 auto; text-transform: uppercase; font-size: 10px; } .site-social-networks.show-title i { display: block; margin: 0 auto 10px auto; } .site-social-networks.style-default i { width: 36px; height: 36px; margin: 0 auto; line-height: 36px; text-align: center; font-size: 15px; color: $(sidebar.social.color); }ul.site-social-networks.secondary-2-primary.style-default.show-title { text-align: center; } ul.site-social-networks.secondary-2-primary.style-default.show-title li { margin-bottom: 0px!important; padding-bottom: 0px!important; border: 1px solid $(sidebar.social.border.color); background-color: $(sidebar.social.background);border-radius: 50%; } ul.site-social-networks.secondary-2-primary.style-default.show-title li:last-child{ border: 1px solid #f0f0f0!important;} /********************************/ /*** Pagination ***/ /********************************/ .pagination { margin-bottom:60px; overflow:hidden; clear: both; } .pagination a { color:#999; letter-spacing:1px; text-transform:uppercase; font-size:12px; } .pagination a:hover { text-decoration:none; color:#000; } .pagination .newer { float:left; } .pagination .older { float:right; } .main-slider .loaded-done { height: auto; opacity: 1; } .rst-owl-item { position: relative; overflow: hidden; } .wand-item { position: relative; } .blog-post-alt-thumb { overflow: hidden; position: relative; } .background-slider { height: 450px; display: block; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .rst_owl_item_info { position: absolute; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); left: 50%; margin: 0px auto; z-index: 99; width: auto; padding: 15px; transition: opacity 0.35s ease 0s; -webkit-transition: opacity 0.35s ease 0s; -moz-transition: opacity 0.35s ease 0s; } .rst_owl_item_info { max-width: 80%; } .rst_owl_item_info_list { position: relative; top: 0; transform: none; width: 100% !important; left: 0; max-width: 100%; padding: 20px; background: #f5f5f5; } .rst-main-slider-09 .rst_owl_item_info_list { padding: 0; position: absolute; top: auto; height: 100%; width: 100%; bottom: 0; background: transparent; z-index: 0; } .blog-post-alt-main-inner { transition: transform 0.3s ease 0s; -webkit-transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s; } .rst-main-slider-09 .blog-post-alt-main-inner { position: absolute; position: absolute; transition: transform 0.3s ease 0s; -webkit-transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s; bottom: -53px; padding: 20px 0; width: 100%; background-color: #ffffffd9; top: auto; text-align: center; } .rst-main-slider-09 .rst_category_name { line-height: 20px; margin-bottom: 5px; text-transform: capitalize; color: $(main.color); text-transform: capitalize; display: inline-block; letter-spacing: 0px; padding: 0 15px; position: relative; font-family: "Lora",serif; font-size: 13px; white-space: nowrap; font-style: italic; } span.rst_category_name span:before { content: ''; display: block; height: 1px; width: 25px; position: absolute; top: 43%; right: 100%; background-color: $(main.color); } span.rst_category_name span:after{content: ''; display: block; height: 1px; width: 25px; position: absolute; top: 43%; left: 100%; background-color: $(main.color);} a.rst-read-article:hover { background: $(main.color); border-color: $(main.color); color: #fff; } .rst_category_name { margin: 0 0 4px 0; display: inline-block; } .rst-main-slider-09 .rst_category_name { line-height: 20px; margin-bottom: 5px; } .rst-inner-meta-info .rst_category_name a, .rst_category_name a { font-family: Montserrat; font-size: 11px; font-weight: 500; font-style: normal; line-height: 1; letter-spacing: 1px; text-transform: uppercase; } .main-slider .rst_owl_item_info h4 a, .rst-posts-single-description h4 a { color: #282828; } .rst_owl_item_info_list h4 { font-family: Montserrat; font-size: 22px; font-weight: 500; line-height: 1.2; letter-spacing: undefinedpx; } .rst-main-slider-09 .rst_owl_item_info_list h4 { padding: 0px 0 4px; } .rst-main-slider-09 .rst_owl_item_info_list .rst-inner-meta-info { font-size: 12px; font-weight: 400; line-height: 18px; margin-bottom: 0; } .rst-inner-meta-info time { font-family: Playfair Display; font-size: 12px; font-weight: 400; font-style: italic; line-height: 1; letter-spacing: undefinedpx; } .rst-main-slider-09 .blog-post-alt-read-more { opacity: 0; animation-duration: 0.3s; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-name: hideButton; -webkit-animation-name: hideButton; -moz-animation-name: hideButton; } .rst-read-article { border: 1px solid #aaa; color: #aaa; font-size: 11px; font-weight: 400; padding: 8px 20px; display: inline-block; margin-top: 15px; line-height: 15px; letter-spacing: 1px; text-transform: uppercase; } .rst-owl-item:hover .blog-post-alt-main-inner { transform: translate(0px, -53px); -webkit-transform: translate(0px, -53px); -moz-transform: translate(0px, -53px); } .owl-nav .owl-prev, .owl-nav .owl-next { height: 40px; width: 40px; border-radius: 0; border: 1px solid #fff; line-height: 0; text-align: center; position: absolute; top: 50%; transform: translate(-100%,-50%); -webkit-transform: translate(-100%,-50%); -moz-transform: translate(-100%,-50%); color: #fff; display: block; left: 0; padding: 0; font-size: 20px; z-index: 9; background: none; transition: all 0.35s linear; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; display: block; } .rst-main-slider-09 .owl-nav .owl-prev, .rst-main-slider-09 .owl-nav .owl-next { transform: none; -webkit-transform: none; -moz-transform: none; top: 0; width: 160px; text-indent: -99999px; border: none; height: 100%; border-radius: 0; padding: 0; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-nav .owl-next:hover, .owl-nav .owl-prev:hover, .rst-main-slider-09 .owl-nav .owl-prev:hover, .rst-main-slider-09 .owl-nav .owl-next:hover { background: rgba(255, 255, 255, 0.6); } .owl-nav .owl-next { right: 0; transform: translate(100%,-50%); -webkit-transform: translate(100%,-50%); -moz-transform: translate(100%,-50%); left: auto; } .rst-main-slider-09 .rst-owl-item:hover .blog-post-alt-read-more, .rst-main-slider-09 .rst-owl-item:hover .description-slider { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-name: showButton; -webkit-animation-name: showButton; -moz-animation-name: showButton; opacity: 1; } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* -------------------------------------------------------------- Homepage Styles -------------------------------------------------------------- */ /* ===[ Carousel And Slider ]=== */ .homepage-carousel.slick-initialized, .homepage-slider.slick-initialized { opacity: 1; transition: opacity .2s ease-in; } .homepage-carousel .slick-slide, .homepage-slider .slick-slide { float: left; position: relative; height: 100%; min-height: 1px; overflow: hidden; } .homepage-carousel .slick-slide img, .homepage-slider .slick-slide img { display: block; width: 100%; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .homepage-carousel .slick-nav, .homepage-slider .slick-nav { font-size: 18px; color: #fff; display: block; text-align: center; outline: 0; padding: 0; width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; border:none; background: rgba(0, 0, 0, 0.5); cursor: pointer; } .homepage-carousel .slick-nav:hover, .homepage-slider .slick-nav:hover { color: #fff; background: rgba(0, 0, 0, 0.8); } .homepage-carousel .slick-prev, .homepage-slider .slick-prev { left: 25px } .homepage-carousel .slick-next, .homepage-slider .slick-next { right: 25px } /* ===[ Carousel ]=== */ .homepage-carousel { opacity: 0; margin-bottom: 60px; } .homepage-carousel .slick-slide:hover img { transform: scale(1.1) } .homepage-carousel .slick-slide .featured-title { position: absolute; padding: 20px 25px 15px 25px; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); text-align: center; } .homepage-carousel .slick-slide .featured-title h2 { font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif; font-size: 18px; line-height: 1.2; margin-bottom: 5px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); } .homepage-carousel .slick-slide .featured-title .featured-date { color: #ddd; font-size: 13px; display:none; } .homepage-carousel .slick-slide .featured-title .featured-category { font-size: 10px; padding: 3px 7px; text-transform: uppercase; background: #03c9a9; color: #fff; margin-left: 5px; font-family: monospace; font-family: 'Montserrat'; } /* ===[ Slider ]=== */ .homepage-slider { opacity: 0; margin-bottom: 60px; } .homepage-slider .slick-slide .featured-title { text-align: center; position: absolute; margin: 0 auto; top: 20%; left: 30%; width: 40%; padding: 40px 30px 50px; background: #fff; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .homepage-slider .slick-slide:hover .featured-title { background: rgba(255,255,255,.9) } .homepage-slider .slick-slide .featured-title h2 { font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif; font-size: 24px; line-height: 1.2; margin-bottom: 10px; color: #111; } .homepage-slider .slick-slide .featured-title .featured-date { color: #999; font-size: 13px; } .homepage-slider .slick-slide .featured-title .featured-category { display: inline-block; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #e1534f; margin-bottom: 10px; border-radius: 3px; } .feets { width: 100%; display: block; height: 340px; background-size: cover; background-repeat: no-repeat; position: relative; } /********************************/ /*** Footer Social ***/ /********************************/ #footer-social { background:#ffffff; padding:30px 0; text-align:center; } #footer-social a { margin: 0 15px; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; display: inline-block; border-left: 1px solid rgba(0,0,0,0.2); text-align: center; padding: 3px 0; padding-left: 60px; color: #282828; font-size: 11px; font-family: Crimson Text; } #footer-social a:first-child { margin-left: 0; padding-left: 0px; border-left: 0px; } #footer-social a:last-child { margin-right:0; } #footer-social a i { height: 32px; width: 32px; text-align: center; line-height: 32px; background: #0a0a0a; color: #fff; border-radius: 50%; margin-right: 5px; font-size: 14px; } #footer-social a:hover { text-decoration:none; color:#000; } #footer-social a:hover > i { background:#000; } /********************************/ /*** Footer logo ***/ /********************************/ #footer-logo { background:#111; padding:60px 0; text-align:center; } #footer-logo img { margin-bottom:15px; } #footer-logo p { color:#777; font-size:15px; margin-bottom:0; font-style:italic; } #footer-logo p i { color:#646464; font-size:14px; margin:0 5px 0 7px; } .share-box:hover > i { color: #fff; } /********************************/ /*** Footer Copyright ***/ /********************************/ #footer-copyright { padding:12px 0; background:#000; overflow:hidden; font-family:"Open Sans", sans-serif; } #footer-copyright p { font-size:11px; color:#EFEFEF; text-align:center; } .to-top { margin-top: 6px; font-size: 11px; text-transform: uppercase; font-weight: 700; letter-spacing: 3px; color: #444; position: fixed!important; bottom: 25px; right: 26px; border: 1px solid #eee; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; background: #e9e9e9; } .to-top i { font-size:14px; margin-left:3px; } .to-top:hover { text-decoration:none; } /********************************/ /*** Widget Area ***/ /********************************/ #widget-area { overflow:hidden; margin-bottom:60px; padding-top:60px; } #widget-area .footerwidget { float:left; } #widget-area .widget, #sidebar .widget { float: left; margin-right: 32px; width: 280px; } #widget-area .widget h2 { font: $(widget.title.font); font-weight: 700; font-style: normal; line-height: 1.25; letter-spacing: 2px; text-transform: uppercase; text-align: center; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-transform: uppercase; font-size: 11px; letter-spacing: 2px; display: block; margin-bottom: 20px; text-align: center; color: #343434; font-weight: 700; position: relative; padding: 14px 11px; background-color: #F8F8F8; } #sidebar .widget h2 span:before,#sidebar .widget h2 span:after { content: ""; position: absolute; top: 50%; border-bottom: 1px solid; border-color: #eee; width: 591px; margin: 0 14px; } .widget h2 span:before { right: 100%; } .widget h2 span:after { left: 100%; } #widget-area #container3 { margin-right:0px; } #sidebar .widget { margin-right: 0; float: none; margin-bottom: 50px; padding: 40px 32px; border: 1px solid #ebebeb; } #sidebar .widget.Label li{ border-top: 1px solid #eeeeee; padding-bottom: 7px; padding-top: 7px; margin-bottom: 0;} #sidebar .widget.Label li a{ transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s;} #sidebar .widget.Label li a:hover{ padding-left: 10px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s;} #sidebar .widget.Label li:first-child { border-top: 0px; } #sidebar .widget.Label li a{ color: #404040; font-size: 13px; text-transform: uppercase; display: inline-block; font-family: Open Sans; } div#sidebar h2 span { display: inline-block; position: relative; } #sidebar img { max-width:100%; } #sidebar iframe { max-width:260px; } .widget:last-child { margin-right:0; } .widget-title, #sidebar .widget h2{ font: $(widget.title.font); font-style: normal; text-overflow: ellipsis; white-space: nowrap; display: block; position: relative; padding: 12px 11px 20px 11px; line-height: 16px; overflow: hidden; font-weight: 600; text-align: center; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; } #sidebar .widget-title, #sidebar .widget h2, #widget-area .widget h2 { margin-bottom:5px; } #sidebar .widget ul li { margin-bottom:7px; padding-bottom:7px; } #sidebar .widget ul li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } .cloud-label-widget-content {display:inline-block;text-align:left;} .cloud-label-widget-content .label-size{display:inline-block;float:left;font-size:11px;line-height:normal;margin:0 5px 5px 0;opacity:1} .cloud-label-widget-content .label-size a{ color: $(label.color); float: left; border: 1px solid #eee; font: $(label.font); float: left; margin: 0; text-transform: uppercase; transition: all .6s; color: #646464; padding: 6px 10px; border: 1px solid #eeeeee; line-height: 14px; display: inline-block; } /*** Search widget ***/ #searchform input#s { border: 1px solid #e5e5e5; background:#fff url(img/searchsubmit.png) no-repeat 96% 13px; padding:14px 14px; font-size:11px; color:#999; letter-spacing:1px; } #searchform #s:focus { outline:none; } /** searchbar for widget ***/ .widget #searchform input#s { width:260px; } #sidebar .widget #searchform input#s { width:230px; } /*** About Widget ***/ .about-widget img { max-width:292px; height:auto; } h4.post-box-title:after { width: 60px; position: absolute; bottom: 0; content: ""; left: 0; border-bottom: 2px solid #eeeeee; } div#Instagram { position: relative; } .my-insta-box { position: absolute; z-index: 99; opacity: 0.95; padding: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-bottom: 14px; } a.btn-style { background: rgb(255, 255, 255); padding: 10px 20px; color: #000; } .rst-search-form { display: inline-block; position: relative; margin-left: 5px; line-height: 22px; } .rst-search-form { right: 10px; } .rst-search-form input { border: none; height: 26px; line-height: 26px; background: none; font-size: 13px; padding: 0px; width: 0px; position: relative; top: 1px; } .rst-search-form.open input[type="text"], .rst-header-right-search .rst-search-form.open input[type="text"] { width: 180px; } .rst-search-form button { border: medium none; font-size: 13px; width: 20px; padding: 0; background: none; height: 22px; color: #626262; } /** Instagram widget support **/ .instag ul.thumbnails > li { width:32% !important; } .instag ul.thumbnails > li img:hover { opacity:.8; } .instag ul li { margin:0; padding-bottom:0; border-bottom:none; } .pllexislider ul li { margin:0; padding-bottom:0; border-bottom:none; } /*** Tagcloud widget ***/ .widget .tagcloud a { font-family:"Open Sans", sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; background:#f2f2f2; color:#666; padding:6px 8px 7px; margin-right:5px; margin-bottom:8px; display:inline-block; border-radius:2px; } .widget .tagcloud a:hover { background:#333; color:#fff; } /*** Calender widget ***/ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #777; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 12px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td a { font-weight:700; color:#222; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } /** WIDGET ITEMS **/ .widget ul.side-newsfeed li { list-style-type: none; margin-bottom: 16px!important; padding-bottom: 11px!important; margin-left: 0; border-bottom: 1px solid #eee; margin-left:0; } .widget ul.side-newsfeed li:last-child { margin-bottom:0; padding-bottom:0; } .widget ul.side-newsfeed li .side-item { overflow:hidden; } .widget ul.side-newsfeed li .side-item .side-image { float:left; margin-right:14px; } .widget ul.side-newsfeed li .side-item .side-image img { width: 100px; height: 80px; object-fit: cover; } .widget ul.side-newsfeed li .side-item .side-item-text { overflow:hidden; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { font-weight: 600; color: #171717; display: block; font-size: 14px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-weight: 400; color: #999; font-size: 11px; font-style: normal; text-decoration: none; text-transform: uppercase; } .rst-copyright { padding: 30px 0; } .rst-copyright .container { position: relative; } .text-center { text-align: center; } .copyright p { color: #727272; font-family: Open Sans; font-size: 13px; font-weight: 400; line-height: 1.7; } .rst-copyright .rst-social-menu { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0px; list-style: none; display: inline-block; } .rst-copyright .copyright { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); right: 0px; padding: 0; display: inline-block; margin: 0; } .copyright { text-transform: inherit; color: #727272; } /** Social Widget **/ .widget-social { text-align:center; } .widget-social a:first-child { margin-left:0; } .widget-social a:last-child { margin-right:0; } .widget-social a i { height:28px; width:28px; text-align:center; line-height:28px; background:#666; color:#fff; border-radius:50%; margin:0 2px; font-size:14px; } .widget-social a:hover { text-decoration:none; color:#000; } .widget-social a:hover > i { background:#000; } .FollowByEmail { clear: both; } .FollowByEmail td{width:100%;float:left;padding:0} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{margin-left:0;width:100%;border-radius:0;height:29px;color:#fff;background-color:#2496EE;border:1px solid #2496EE;font-size:11px;font-family:inherit;text-transform:uppercase;letter-spacing:1px;font-weight:700} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:#2A3744;border-color:#2A3744} .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border:1px solid #EEE} .FollowByEmail table{box-sizing:border-box;padding:0} .FollowByEmail .widget-content:before{color:#fff} .FollowByEmail .follow-by-email-inner .follow-by-email-address{ padding-left: 10px; margin-bottom: 5px; font: 12px Source Sans Pro; max-width: 100%; box-sizing: border-box; border: 1px solid #eee; background: none; font-size: 14px; height: 40px; line-height: 40px; padding: 0 40px 0 15px; width: 100%;} .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus,.footer-widget .FollowByEmail .follow-by-email-inner .follow-by-email-address:hover{ border: 1px solid #EEE; outline: none;border-color:#000} .FollowByEmail .follow-by-email-inner .follow-by-email-submit{ display: block; margin-top: 10px; width: 100%; border: none; padding: 10px; background: $(main.color); font-size: 12px; color: #fff; text-transform: uppercase; height: 40px; line-height: 20px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;} .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:#727272;color:#fff} /******************************* *** COMMENTS *******************************/ .post-comments { margin-bottom:70px; margin-top:70px; padding: 0 30px; } .comments { margin-bottom:40px; } .comment { border-bottom:1px dotted #eee; margin-top:20px; margin-bottom:34px; padding-bottom:40px; } .comment .avatar-image-container { float:left; } .comment .avatar-image-container img { border-radius:50%; width:50px; height:50px; max-width:50px; max-height:50px; } .comments .comment-block { margin-left: 80px; position: relative; } .comment-replies { margin-left: 40px; margin-top: 20px; } .comments .avatar-image-container { float: left; max-height: 50px; overflow: hidden; width: 50px; } .comment-replies .comment { border:none; margin-bottom:0px; padding-bottom:0px; } .thecomment .comment-text { overflow:hidden; } .thecomment .comment-text span.author, cite.user > a { display:block; font-size:14px; text-transform:uppercase; letter-spacing:2px; margin-bottom:6px; color:#333; font-family:"Open Sans"; } .thecomment .comment-text span.author a:hover { text-decoration:underline; } span.datetime { font-size:14px; color:#999; font-style:italic; display:block; margin-bottom:10px; } .thecomment .comment-text em { font-size:13px; margin-bottom:-14px; display:block; color:orange; letter-spacing:1px; } .thecomment .comment-text em i { font-size:14px; color:#f3bd00; } .comment-actions a { float:right; font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .continue a { float:left; margin-bottom:20px; font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .loadmore a { font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } div#pinterest-gallery li { width: 48%; float: left; height: 125px; border: 2px solid #fff; background-size: cover; display: inline-block; } #pinterest-gallery li a { color: transparent; line-height: 1px; font-size: 0px; } .pinterest-link { display: block; overflow: hidden; text-indent: 100%; height: 100%; white-space: nowrap; } .post-comments span.reply a.comment-edit-link { background:#c5c5c5; } .post-comments span.reply a:hover { opacity:.8; } ul.children { margin: 0 0 0 55px; } ul.children li.thecomment { margin:0 0 8px 0; } /** Reply **/ #respond { margin-bottom:20px; overflow:hidden; } #respond h3 { font-size:14px; color:#999; font-weight:400; margin-bottom:30px; font-family:"Lato"; letter-spacing:2px; text-transform:uppercase; } #respond h3 a { color:#000; display:inline-block; } #respond h3 small a { text-transform:uppercase; font-size:11px; background:#333; color:#FFF; padding:4px 6px 5px; border-radius:3px; margin-left:7px; letter-spacing:1px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #respond h3 small a:hover { opacity:.8; } #respond label { color:#888; width:80px; font-size:14px; display:inline-block; font-weight:300; } #respond input { padding:8px 10px; border:1px solid #DDD; margin-right:10px; border-radius: 3px; color:#999; margin-bottom:15px; font-size:11px; width:250px; font-family:"Georgia"; } #respond input:focus {outline:none;} #respond .comment-form-url { margin-bottom:10px; } #respond textarea { padding:14px; border:1px solid #DDD; border-radius: 3px; width:95%; height:120px; font-size:13px; color:#777; margin-bottom:14px; line-height:20px; font-family:"Georgia"; } #respond textarea:focus {outline:none;} #respond #submit { font-family:"Lato"; text-transform:uppercase; letter-spacing:2px; background:#eee; border-radius:0; font-size:11px; color:#666; padding:12px 19px 14px; margin-top:6px; display:inline-block; border:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; cursor:pointer; border-radius:30px; width:auto; } #respond #submit:hover { background:#333; color:#FFF; } /********************************/ /*** Archive ***/ /********************************/ .archive-box { background:#f4f4f4; padding:22px 0 24px; text-align:center; margin-bottom:70px; margin-top:-70px; border-bottom:1px solid #eee; } .archive-box span { font-size:14px; font-style:italic; letter-spacing:1px; color:#999; } .archive-box h1 { font-size:26px; letter-spacing:4px; text-transform:uppercase; } .nothing { margin-bottom:90px; text-align:center; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; font-family:"Open Sans"; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /*** Custom WordPress gallery style ***/ .gallery .gallery-caption{ font-size:12px; color:#888; font-family:"Open Sans"; } .gallery .gallery-icon img{ border-radius:2px; border:1px solid #eee !important; padding:7px; } .gallery .gallery-icon img:hover { border:1px solid #ccc !important; } /*** Contact Form 7 ***/ /*********************************************************/ .wpcf7 input { width:266px; } div.wpcf7 { overflow:hidden; margin-top:40px; } .wpcf7 p.sp_input { float:left; margin-right:19px; } .wpcf7 p.sp_message { clear:both; } .wpcf7 input, .wpcf7 textarea { padding:8px; border:1px solid #DDD; margin-right:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#777; font-size:12px; margin-top:6px; margin-bottom:6px; } .wpcf7 textarea { width:95%; } .wpcf7 .wpcf7-submit { background:#171717; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius:20px; padding:12px 24px; color:#FFF; letter-spacing:3px; font-size:11px; text-transform:uppercase; cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; display:block; border:none; width:auto; } .wpcf7 .wpcf7-submit:hover { background:#777; } /*** 404 ***/ .error-404 { margin-bottom:105px; text-align:center; } .error-404 h1 { font-size:190px; font-weight:700; margin-bottom:-25px; } .error-404 p { color:#999; font-size:18px; font-style:italic; } .author-content { margin-left: 140px; } .PageList LI.selected A { font-weight: normal!important; text-decoration: none; } span.smg-label { display: none; } #navigation { background:$(navbar.background); } .menu li a { color:$(navbar.text.color); } .menu li a:hover { color:$(navbar.text.color.hover); } .menu .sub-menu, .menu .children { background: $(navbar.background); text-align: left;} ul.menu ul a, .menu ul ul a { color: #303030; border-top: 1px solid #eeeeee; } ul.menu ul a:hover, .menu ul ul a:hover { color: #ffffff; background:#333333; } #top-social a { color:$(socialz.color); } #top-social a:hover{ color:$(socialz.color.hover); } #top-search a:hover { background:#474747; } #top-search a:hover { color:#cccccc; } .widget-title , #sidebar .widget h2, #widget-area .widget h2 { color:$(widget.title.text.color); } #sidebar .widget-title, #sidebar .widget h2, #widget-area .widget h2 { background:; color:; } #footer-logo { background:#171717; } #footer-logo p { color:#EFEFEF; } #footer-copyright { background:#ffffff; } #footer-copyright p { color:#444; } #footer-logo p i { color:#646464; } .post-entry blockquote p { border-left:3px solid #cea525; } .slicknav_menu { background:$(navbar.background); padding:8px; position: relative; z-index: 9999999; } .slicknav_menu .slicknav_icon-bar { background-color: $(navbar.text.color); } .slicknav_nav a{ padding:5px 10px; margin:2px 5px; text-decoration:none; color:$(navbar.text.color); font-family:"Open Sans", sans-serif; font-size:11px; font-weight:400; letter-spacing:2px; text-transform:uppercase; } #main .widget { width: 100%; } #navigation .widget ul li { border:none; margin-bottom:0px; padding-bottom:0px; } #navigation .widget ul li:last-child:after { content: ""; } #navigation .widget a:hover { text-decoration: none; } #widget-area #container3 .widget { margin-right: 0; } .container.sp_sidebar { overflow: hidden; margin: 70px auto 0; } ul.menu > li:first-child a { color: $(main.color); } /*** FEATURED AREA STYLES ***/ /*********************************************************/ .featured-area { overflow:hidden; height:400px; } .featured-area.tabs-wrapper img { float:left; margin-right:20px; width:620px; height:400px; } .featured-area ul.featured-tab { overflow:hidden; } .featured-area ul.featured-tab li { border-left:1px solid #e5e5e5; padding-left:18px; height:85px; margin-bottom:20px; } .featured-area ul.featured-tab li:last-child { margin-bottom:0; } .featured-area ul.featured-tab li.active { border-left:1px solid #000; } .featured-area ul.featured-tab li:hover { border-left:1px solid #000; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } .featured-area ul.featured-tab li .featured-text { } .featured-area ul.featured-tab li .featured-text h3 a { font-size:18px; color:#000; letter-spacing:1px; margin-bottom:2px; display:block; } .featured-area ul.featured-tab li .featured-text span.featured-meta { font-size:10px; font-family:"Playfair Display"; text-transform:uppercase; letter-spacing:1px; color:#999; } /** slider **/ .flexslider ul.slides li .overlay { background:rgba(0,0,0,.2); height:540px; width:1030px; position:absolute; bottom:0; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; text-align: center; z-index:1; } .flexslider ul.slides li .overlay:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .flexslider ul.slides li:hover > .overlay { background:rgba(0,0,0,.6); } .flexslider ul.slides li .feature_text { width:80%; vertical-align: middle; display: inline-block; z-index:100; } .flexslider ul.slides li .feature_text .feature-line { margin-bottom:14px; } .flexslider ul.slides li .feature_text .feature-line span.line { height:3px; width:60px; background:#FFF; display:inline-block; } .flexslider ul.slides li .feature_text h2 a { color: #fff; line-height: 1.2em; margin-bottom: 12px; display: block; font-family: Raleway; font-size: 35px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 3px; text-transform: uppercase; } .flexslider ul.slides li .feature_text p { color:#fff; font-size:15px; padding:1px 8px; display:inline-block; margin-bottom:40px; } .flexslider ul.slides li .feature_text span.feature_button { display:block; } .flexslider ul.slides li .feature_text span.feature_button a { border:3px solid #FFF; color:#FFF; padding:11px; text-transform:uppercase; font-size:14px; font-weight:700; letter-spacing:2px; font-family:Sans-serif; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .flexslider ul.slides li .feature_text span.feature_button a:hover { background:#000; color:#fff; border:3px solid #FFF; } .flexslider ul.slides li .feature_text span.feature_button a i.fa { margin-left:1px; font-size:14px; } /*** flexslider gallery **/ .flexslider.gallery { margin-bottom:20px; } .flexslider .slides a.thumb { display:block; height:540px; overflow:hidden; position: relative; } #blog-pager > span a h3 { font-family: raleway; font-size: 17px; } #blog-pager a:hover { text-decoration: none; } #blog-pager a > h3:hover { text-decoration: underline!important; } #blog-pager-older-link{display:inline;float:right;width:50%;text-align:right;padding:0} #blog-pager-newer-link{display:inline;float:left;width:50%;text-align:left;padding:0} #blog-pager{ clear:both; font-size:16px; line-height:normal; margin:0; padding:10px; font-family: times new roman; background: #f9f9f9; } #instafeed{width:100%;display:block;margin:0;padding:0;line-height:0} #instafeed img{height:auto;width:100%} #instafeed a{padding:0;margin:0;display:inline-block;position:relative} #instafeed li{width:16.666%;display:inline-block;margin:0!important;padding:0!important} #instafeed .insta-likes{width:100%;height:100%;margin-top:-100%;opacity:0;text-align:center;letter-spacing:1px;background:rgba(255,255,255,0.4);position:absolute;text-shadow:2px 2px 8px #fff;font:normal 400 11px Montserrat,sans-serif;color:#222;line-height:normal;transition:all .35s ease-out;-o-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-webkit-transition:all .35s ease-out} #instafeed a:hover .insta-likes{opacity:1} /*---Flicker Image Gallery-----*/ .flickr_plugin { width: 100%; } .flickr_badge_image { float: left; height: 70px; margin: 8px 5px 0px 5px; width: 70px; } .flickr_badge_image a { display: block; } .flickr_badge_image a img { display: block; width: 100%; height: auto; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -ms-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .flickr_badge_image a img:hover { opacity: .5; } .related-header-wrapper1 { left: 30px; position: absolute; text-align: center; bottom: 30px; width: 276px; height: 330px; background: #fff; padding: 30px 40px; border: 1px solid #eee; } .related-header-wrapper2 { left: 35px; position: absolute; text-align: center; bottom: 35px; width: 276px; height: 330px; background: #fff; padding: 30px 40px; border: 1px solid #eee; } .related-header { left: 40px; position: absolute; text-align: center; bottom: 40px; width: 276px; height: 330px; background: #fff; padding: 30px 40px; border: 1px solid #eee; z-index: 9999; } .tile-layout{ display:none; opacity:0; } .tile-layout .brick:hover .related-header, #featured-carousel_list .featured-post:hover .related-header{ background:#fff; color:#333333 !important; } .related-header a,.related-header .meta-info, #featured-carousel_list .featured-post:hover .related-header .single-author, #featured-carousel_list .featured-post:hover .related-header .single-cat, .tile-layout .brick:hover .related-header a, .tile-layout .brick:hover .related-header .meta-info, .tile-layout .brick:hover .related-header .single-author, .tile-layout .brick:hover .related-header .single-cat { color:#333333; } .featured-post .related-header { left: 40px; position: absolute; text-align: center; bottom: 40px; width: 276px; height: 330px; background: #fff; padding: 30px 40px; border: 1px solid #eee; z-index: 9999; overflow: hidden; } .single-cat{ font-size: 13px; text-transform: uppercase; margin-bottom:20px; } .single-header .single-cat{ margin-bottom:0px; } .single-cat a{ color:$(label.color); font-weight: 400; letter-spacing: 2px; font: 10px Lato; } .related-header h2{ font-family: "Montserrat"; font-size: 18px; font-weight: 400; margin-bottom:16px; text-transform: uppercase; letter-spacing:1px; margin-top: 10px; } .related-header h2 a:hover{ color:rgba(51,51,51, .7) !important; } .featured-post .related-header .meta-info{ color:#999; font-size:12px; } .related-header .more-button { padding: 10px 20px 11px; margin-top: 30px; font-size: 11px; padding-bottom: 5px; display: inline-block; margin-top: 0px; margin-bottom: 20px; font-family: "Montserrat", sans-serif; text-transform: uppercase; position: relative; font-weight: 600; letter-spacing: 2px; } .more-button:before { content: ""; position: absolute; left: 50%; margin-left: -15px; bottom: 0; height: 1px; width: 30px; border-bottom: 1px solid #333; } .related-header p{ margin-top: 15px; font-family: "Lato", sans-serif; color: #555; font-size: 14px; line-height: 24px; } .related-header .single-author{ margin-bottom:0px; } .related-header .single-cat{ display: inline-block; } .single-cat{ margin-top:10px; margin-bottom:0px; } .related-header .single-cat{ margin-bottom:20px; } .featured-post .related-header .single-cat{ margin-bottom:0px; } .flex-direction-nav { height: 113px; position: absolute; bottom: 0px; z-index: 10000; text-transform: uppercase; } ]]>
<div class='insta-wrap'> <div class='my-insta-box'> <a class='btn-style' href='//instagram.com/xposetheme' rel='me'>FOLLOW ME @INSTAGRAM</a> </div> </div> <div id='instafeed'/> <script type='text/javascript'>//<![CDATA[ var feed = new Instafeed({ get: 'user', userId: 3541708255, limit:6, sortBy:'random', accessToken: '3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88', template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="insta-likes"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;">{{likes}} <i class="fa fa-heart"></i><br/>{{comments}} <i class="fa fa-comment"></i></span></div></div></a></li>', resolution: 'standard_resolution' }); feed.run(); //]]> </script></div>