<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 */ span.widget-item-control { display: none; } .CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0} body#layout { width: 800px; } body#layout .container { width: 800px; } body#layout #header { margin-bottom: 0; clear:both; } body#layout div#menu { width: 94%; } body#layout #navigation { height: auto; margin-bottom: 60px; margin-top: 30px; position: relative; width: 100%; z-index: 999999; } i.fa.fa-angle-left:before { content: "\f177"; } i.fa.fa-angle-right:before { content: "\f178"; } body#layout .footer-info { width: 50%;position: relative;} body#layout .footer-instagram { width: 100%; } body#layout .footer-top { overflow: visible; } body#layout .logo-footer{float:left; width:50%;margin:0;padding:0} body#layout .footer-text-about{float:right; width:40%;margin:0;padding:0} body#layout .sp_sidebar #main{width:55%;margin-left: 4px;} body#layout #sidebar { width: 31%; float: right; } body#layout #widget-area .footerwidget { width:250px; margin-right: 20px; } body#layout #widget-area .widget, body#layout #sidebar .widget { width:250px; } body#layout #navigation { display: none; } body { color: #171717; font-style: normal; letter-spacing: 0px; text-transform: none; background-color:#FFF; font-family: Noto Sans; font-size: 13px; font-weight: 400; line-height: 24px; background-color: #FBF6F2; } .wpb_column.vc_column_container.vc_col-sm-12 { width: 100%!important; } .vc_column-inner { width: 100%!important; } p { font-size:16px; line-height:26px; } a { text-decoration:none; } a:hover { color: #fff; } a { color: #122947; } h1,h2,h3,h4,h5,h6 { font-family:"Open Sans", sans-serif; } .container { width:100%; margin:0 auto; } .container.sp_sidebar { overflow:hidden; } h1.logo_h.logo_h__txt { font-size: 55px; padding: 50px 0; text-align: center; font-weight: 300; } a.destination div { margin-left: 5px; line-height: 18px; float: right; } #main { width:100%; } img#Header1_headerimg { height: auto; width: 100%; } .container.sp_sidebar #main { float: left; width: 63%; margin-left: 3%; } #sidebar { width:28%; float:right; } /********************************/ /*** Navigation ***/ /********************************/ #navigation { z-index:999; width:100%; -webkit-backface-visibility: hidden; background: #fff; } .slicknav_menu { display:none; } #navigation .container { position:relative; background: #fff; } .menu li { display:inline-block; position:relative; padding: 15px 20px; } .menu li a { font-weight:400; line-height:48px; text-transform:uppercase; display:inline-block; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; color: #282828; font-size: 13px; text-transform: uppercase; white-space: nowrap; line-height: 18px; font-family: lato; } ul.sub-menu li:after { content: "|"; padding-left: 10px; color: #565656; display: none; } /*** DROPDOWN ***/ .menu .sub-menu, .menu .children { background-color: #171717; display: none; padding: 0; position: absolute; margin-top:15px; 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; } ul.menu ul li, .menu ul ul li { padding-right:0; margin-right:0; padding: 8px; } 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; } /** Search **/ .pi-navigation .search-box { /* top: 50%; right: -12px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);*/ } .pi-navigation .search-box input { position: absolute; height: 40px; line-height: 40px; background-color: #fff; border: 1px solid #eee; top: 8px; right: 25px; width: 50%; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pi-navigation .search-box input.fadein { width: 200px; opacity: 1; visibility: visible; } */.pi-navigation .search-box .icon-search { display: block; width: 40px; height: 20px; text-align: center; cursor: pointer; color: #aaa; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }*/ .pi-navigation .search-box .icon-search .fa { line-height: 18px; } .pi-navigation .search-box .icon-search.active, .pi-navigation .search-box .icon-search:hover { color: #DC683C; } .pi-navigation .search-box .icon-search:before { content: ''; display: block; position: absolute; border-left: 1px solid #999; height: 16px; width: 0; margin: auto; top: 0; bottom: 0; left: 0; } .zoom-icon .fa-search { display: block; font-size: 3em; height: 50px; left: 50%; margin: -20px 0 0 -20px; position: absolute; top: 50%; width: 50px; } .search-box input { display: none; } .search-box .icon-search.active+form input{ display: block!important; } .search-box { height: 50px; line-height: 50px; margin-left: 10px; } span.icon-search { margin-left: 10px; } div#navigation-wrapper { float: left; } nav.pi-navigation { float: right; line-height: 55px; } div#menu { width: 100%; display: inline-block; text-align: center; background: #333; } /*** Top Social ***/ #top-social { text-align: center; } #top-social a i { font-size: 11px; padding-right: 7px; line-height:48px; color:#858585; -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; } ul#nav li:first-child a { color: #DC683C; } div#top-social a { padding-left: 50px; } div#top-social a:first-child { padding-left: 0; } div#top-social { color: #858585; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-family: lato; } /********************************/ /*** Header ***/ /********************************/ #logo { text-align:center; padding:70px 0; } ul.site-social-networks a:hover { color: $(maincolorhover); } /********************************/ /*** 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; } /********************************/ /*** Additional css ***/ /********************************/ #menu a { margin-right: 10px; } ul.menu > li:first-child a { color: #DC683C!important; } .menu .sub-menu ul, .menu .children ul { left: 100%!important; top: 0; } .container.sp_sidebar { width: 90%; } .menu-mobile { display: none; } img.image.wp-image-139.attachment-medium.size-medium { border-radius: 50%; } #menu ul li ul#sub-menu li a {/* display: block; */max-width: 100%;padding-right: 0!important;margin: 0;} /********************************/ /*** Post ***/ /********************************/ .post { margin-bottom:60px; padding-bottom: 20px; } .single .post { margin-bottom:70px; } /*** Post Header ***/ .post-header { margin-bottom:20px; margin-left: 5%; } .post-header .cat a { font-size: 22px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 0px; text-transform: none; color: #aaa; font-family: 'Bad Script', cursive; } .category-date { margin-bottom: 10px; color: #171717; font-size: 12px; line-height: 24px; text-transform: uppercase; font-family: lato; word-spacing: 1px; margin-left: 2%; display: inline-block; } .post-header .cat a:hover { text-decoration:underline; } .post-header h1, .post-header h2 { margin-bottom:20px; } .post-header h1 a, .post-header h2 a, .post-header h1 { font-style: normal; line-height: 1.25; text-align:center; padding: 0; margin: 0 0 20px; font-weight: 400; font-family: 'Playfair Display'; font-size: 28px; line-height: 30px; color: #000; font-size: 28px; line-height: 30px; } .post-header h2 a:hover { opacity: .50; color: #DC683C; } .post-header .date { text-transform: uppercase; letter-spacing: 1px; color: #aaa; margin-right: 5px; font-size: 11px; font-family: Lora; } /*** Post image ***/ .post-image img { max-width:100%; height:auto; border-radius: 2% 2% 0 0; } .post-image.audio iframe { height:166px; } .container.sp_sidebar .post-image.audio iframe { width:650px; height:auto; } /*** Post Entry ***/ .post-entry { text-align: justify; margin-top: 30px; width: 90%; margin-left: 5%; } .post-entry img { max-width:100%; height:auto; } .post-entry p { margin-bottom:20px; text-align: justify; } .post-entry a.more-link { margin-top: 40px; border-radius: 1px; text-transform: uppercase; line-height: 1.75; color: #171717; letter-spacing: 2px; font-size: 10px; padding: 0 15px; font-family: 'Montserrat'; line-height: 38px; display: inline-block; text-transform: uppercase; background: transparent; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .post-entry a:hover { color: #DC683C; } .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 $(maincolorhover); 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 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; } div#author-social a { color: #222; margin-right: 11px; } .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; color: #464646; font-size: 13px; line-height: 22px; font-family: Noto Sans; font-size: 13px; font-weight: 400; } .author-content .author-social { font-size:14px; color:#bbb; margin-right:8px; } /*** Post related ***/ .post-related { overflow:hidden; margin-bottom:20px; margin-top:0px; } .post-box { text-align:center; } .post-box-title { padding-bottom: 3px; display: inline-block; margin-top: 0; font-style: normal; margin-bottom: 20px; color: #282828; font-size: 16px; text-transform: uppercase; font-family: "lato"; margin: 0 0 30px 0; font-weight: 400; line-height: 22px; letter-spacing: 1px; position: relative; text-align: center; border-bottom: 1px solid #282828; display: inline-block; padding-bottom: 10px; } .item-related { width:292px; float:left; } .item-related:last-child { margin-right:0;} .container.sp_sidebar .item-related{ width:212px; position: relative; } .container.sp_sidebar .item-related:last-child { margin-right:0; } .item-related img { margin-bottom:6px; width:100%; height:auto; } .item-related h3 a { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #000; display: block; font-weight: bold; color: #FFF; position: absolute; bottom: 11px; font-weight: 500; width: 86%; min-height: 42px; padding: 10px 20px; background-color: rgba(0, 0, 0, 0.43); } .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; width: 25%; border: 1px solid #eee; } .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: 100%; height: auto; margin: auto; line-height: 42px; text-align: center; font-size: 20px; color: #fff; } /********************************/ /*** Pagination ***/ /********************************/ .pagination { margin-bottom:60px; overflow:hidden; } .pagination a { color:#999; letter-spacing:3px; text-transform:uppercase; font-size:12px; } .pagination a:hover { text-decoration:none; color:#000; } .pagination .newer { float:left; } .pagination .older { float:right; } /********************************/ /*** Footer Social ***/ /********************************/ #footer-social { background:#f2f2f2; padding:40px 0; text-align:center; } #footer-social a { margin:0 15px; color:#999; font-family:"Open Sans", sans-serif; font-size:11px; text-transform:uppercase; font-weight:700; letter-spacing:1px; } #footer-social a:first-child { margin-left:0; } #footer-social a:last-child { margin-right:0; } #footer-social a i { height:28px; width:28px; text-align:center; line-height:28px; background:#666; 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 { color: #999999; font-size: 12px; padding: 30px 0; font-family: lato; text-transform: uppercase; letter-spacing: 1px; } #footer-copyright p { font-size:12px; color: #999999; margin-top: 6px; } .logo-footer ul .smg-label { display: none; } .logo-footer ul a { margin-right:12px; color: #313131; font-size: 16px; } .logo-footer #logo { text-align: left; padding: 50px 0 20px; } #footer-copyright .to-top { float:right; margin-top:6px; font-size:12px; text-transform:uppercase; letter-spacing:1px; color: #999999; } #footer-copyright .to-top i { font-size:14px; margin-left:3px; } #footer-copyright .to-top:hover { text-decoration:none; } div#author-social a { margin-right: 5px; color: #777; } div#author-social .smg-label { display: none; } /********************************/ /*** Widget Area ***/ /********************************/ #widget-area { overflow:hidden; margin-bottom:60px; border-top:1px solid #e5e5e5; padding-top:60px; } #widget-area .footerwidget { float:left; } #widget-area .widget, #sidebar .widget { float: left; width: 100%; } #widget-area #container3 { margin-right:0px; } #sidebar .widget { width: 100%; margin-right: 0; float: none; margin-bottom: 50px; background: #fff; border-radius: 7px; } #sidebar .widget-content { display: block; overflow: hidden; padding:0 10px 10px; box-sizing: border-box; } div#sidebar h2 span { border-color: #122947; background: none; padding-top: 0; } #sidebar img { max-width:100%; } #sidebar iframe { max-width:100%; } .widget-title, #sidebar .widget h2{ padding: 0; color: #000000; font-size: 12px; font-weight: 400; line-height: 16px; position: relative; font-family: "lato"; letter-spacing: 1px; text-transform: uppercase; padding-top: 0; padding-bottom: 15px; } .footerwidget .widget h2 { display: block; position: relative; text-align: center; } .footerwidget .widget h2:before { content: ""; width: 100%; height: 1px; top: 49%; border-bottom: 1px dashed #E6E6E6; position: absolute; left: 0; } .footerwidget .widget h2 span{ font-family: 'Montserrat'; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #252525; line-height: 27px; padding: 0 10px; border: 1px dashed #E6E6E6; display: inline-block; margin: 0; background: #ffffff; position: relative; } /* Label */ .cloud-label-widget-content {display:inline-block;text-align:left;margin-left: 5%;} .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{ background: #fff; color: #DC683C; float: left; border: 1px solid #eee; font-family: 'Open Sans',sans-serif; line-height: 100%; margin: 0; padding: 8px 10px; text-transform: uppercase; transition: all .6s;} #sidebar .widget-title, #sidebar .widget h2, #widget-area .widget h2 { margin-bottom:0px; } #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; } .PageList h2 { display: none; } /*** Search widget ***/ /** 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; } footer#footer-copyright a { color: $(maincolor); } /*** 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:17px; padding-bottom:13px; 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-item-text { overflow:hidden; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { margin-bottom: 1px; color: #ffffff; display: block; font-size: 21px; text-align: center; text-shadow: 0 2px 2px rgba(0,0,0,0.4); line-height: 1.5; font-family: 'Merriweather', serif; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size: 14px; letter-spacing: 1px; color: #fff; font-style: italic; font-family: 'Merriweather', serif; } /** 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; } /******************************* *** COMMENTS *******************************/ .post-comments { margin-bottom:70px; margin-top:70px; } .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; } .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; } .bottom-blog { display: inline-block; width: 100%; padding: 13px 0; margin-top: 30px; } .pull-left { float: none!important; } .blog-date li{ display: inline-block; color: #999999; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-family: lato; } .blog-date li a{ color: #5d5d5d } .blog-date li .fa{ font-size: 16px; color: $(maincolor); margin-right: 10px; vertical-align: middle; } .group-share li{ display: inline-block; } .group-share li a{ display: inline-block; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; display: inline-block; font-size: 14px; margin: 0 0 0 10px; color: #e04f62; } ul.group-share.pull-right { text-align: center; float: none; } li.blog-dates { display: inline-block; color: #999999; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-family: lato; } .separator a { margin-left: 0px!important; } .post-header .bg-category{ width: 100%; overflow: hidden; text-align: center; height: auto; line-height: 12px; } .post-header .bg-category .category-name{ position: relative; display: inline-block; } .post-header .category-name{ height: auto; color: #c69f73; font-size: 12px; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; line-height: 16px; font-family: lato; position: relative; padding-bottom: 2px; display: inline-block; margin-bottom: 10px; } .post-header .category-name:after{ content: ""; width: 100%; height: 1px; position: absolute; top: 100%; left: 0; right: 0; margin: 0px auto; background: #c69f73;} .post-header .category-name a{ color: #e04f62; font-size: 12px; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; line-height: 16px; font-family: lato; position: relative; padding-bottom: 2px; display: inline-block; } .post-header .category-name span{ position: relative; display: inline-block; height: auto; line-height: 10px; } /* ######## Social Sharing Widget ######################### */ .share-box{position:relative;padding:20px 0} .share-title{border-bottom:2px solid #777;color:#010101;display:inline-block;padding-bottom:7px;font-size:15px;font-weight:500;position:relative;top:2px} .share-art{float:right;padding:0;padding-top:0;font-size:13px;font-weight:400;text-transform:capitalize} .share-art a{color:#fff;padding:3px 8px;margin-left:4px;border-radius:2px;display:inline-block;margin-right:0;background:#010101} .share-art a:hover{color:#fff} .share-art .fac-art{background:#3b5998} .share-art .fac-art:hover{background:rgba(49,77,145,0.7)} .share-art .twi-art{background:#00acee} .share-art .wat-art{background:#25d266} .share-art .twi-art:hover{background:rgba(7,190,237,0.7)} .share-art .goo-art{background:#db4a39} .share-art .goo-art:hover{background:rgba(221,75,56,0.7)} .share-art .pin-art{background:#CA2127} .share-art .pin-art:hover{background:rgba(202,33,39,0.7)} .share-art .lin-art{background:#0077B5} .share-art .lin-art:hover{background:rgba(0,119,181,0.7)} .fa{margin-right:3px} /* ######## Social Sharing Widget ######################### */ .static_page .meta-post { display: none; margin-top: 2px; } a.comment-reply { float: left; margin-left: 0px; margin-top: 14px; } .comments .comment .comment-actions a { margin-right: 20px; margin-top: 14px; } /********************************/ /*** 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 } div#footer-instagram h2 { display: none; } .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; } .single-sharing-btns a { color: $(maincolorhover); } /*** 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; } .post-entry.inside a{ color: #fff; } .post-entry.inside a:hover{ color: $(maincolorhover); } /*** 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: 130px; } .menu li a { color:#282828; } .menu .sub-menu, .menu .children { background: #f6f6f6; } ul.menu ul a, .menu ul ul a {color:#999999; } ul.menu ul a:hover, .menu ul ul a:hover { color: #ffffff; background:#333333; } #top-social a i { color:#858585; } #top-social a:hover i { color:$(maincolor) } .widget-title , #sidebar .widget h2, #widget-area .widget h2 { color:#222; } #sidebar .widget-title, #sidebar .widget h2, #widget-area .widget h2 { background:; color:; } #footer-social { background:#f2f2f2; } #footer-logo { background:#171717; } #footer-logo p { color:#EFEFEF; } #footer-copyright { background:#333;text-align: center; } #footer-copyright p { color: #fff; text-align: center; } a, #footer-logo p i { color:#646464; } .post-entry blockquote p { border-left:3px solid $(maincolorhover); } #navigation .widget a:hover { text-decoration: none; } #widget-area #container3 .widget { margin-right: 0; } .container.sp_sidebar { overflow: hidden; margin: 40px auto 0; } .pagination .older { float: right; position: relative; text-align: right; } .pagination .newer { float: left; position: relative; text-align: left; } .post-nav-icon { position: absolute; top: 7px; width: 32px; height: 32px; text-align: center; line-height: 32px; background-color:#000; border-radius: 32px; color: $(maincolor); letter-spacing: 0; } .older .post-nav-icon{ right:0; } .newer .post-nav-icon{ left:0; } .older .pager-heading { margin-bottom: 5px; color:#aaa; margin-right: 42px; } .older .pager-title { font-size: 150%; display: block; line-height: 1.3; white-space: normal; text-overflow: ellipsis; overflow: hidden; color:$(maincolor); margin-right: 42px; } .newer .pager-heading { margin-bottom: 5px; color:#aaa; margin-left: 42px; } .newer .pager-title { font-size: 150%; display: block; line-height: 1.3; white-space: normal; text-overflow: ellipsis; overflow: hidden; color:$(maincolor); margin-left: 42px; } /* 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; min-height: 405px; object-fit: cover; } .homepage-carousel .slick-nav, .homepage-slider .slick-nav { font-size: 32px; color: #000; display: block; text-align: center; outline: 0; padding: 0; width: 44px; height: 35px; position: absolute; top: 40%; margin-top: -15px; background: #fff; border: none; cursor: pointer; } .homepage-carousel .slick-nav:hover, .homepage-slider .slick-nav:hover { color: #111; background: #fff; } .homepage-carousel .slick-prev, .homepage-slider .slick-prev { left: -10px } .homepage-carousel .slick-next, .homepage-slider .slick-next { right: -10px } /* ===[ Carousel ]=== */ .homepage-carousel { opacity: 0; margin-bottom: 60px; } .homepage-carousel .slick-slide .featured-title { padding: 20px 25px 15px 25px; left: 0; right: 0; bottom: 0; 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: #171717; text-shadow: 0 1px 1px rgba(0,0,0,.2); } .homepage-carousel .slick-slide .featured-title .featured-date { color: #ddd; font-size: 13px; } .homepage-carousel .slick-slide .featured-title .featured-category { font-size: 11px; padding: 2px 5px; text-transform: uppercase; background: #e04f62; border-radius: 3px; 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; } #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; } #instafeed{width:100%;display:block;margin:0;padding:0;line-height:0} #instafeed img{height:auto; width:100%; min-height:300px; min-width:260px; object-fit:cover;} #instafeed a{padding:0;margin:0;display:inline-block;position:relative} #instafeed li{width:25%;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; } .post-gallery .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; background: transparent; border: 1px solid rgba(255,255,255,.5); cursor: pointer; } .post-gallery .slick-nav:hover { color: #111; background: #fff; } .post-gallery .slick-prev { left: 25px } .post-gallery .slick-next { right: 25px } .related-slide .slick-nav { font-size: 18px; color: #fff; display: block; text-align: center; outline: 0; padding: 0; width: 30px; height: 30px; position: absolute; top: 48%; margin-top: -15px; background: transparent; border: 1px solid rgba(255,255,255,.5); cursor: pointer; } .related-slide .slick-slide{ padding: 5px; } .related-slide .slick-nav:hover { color: #111; background: #fff; } .related-slide .slick-prev { left: 25px } .related-slide .slick-next { right: 25px } .footer-info { padding-left: 30px; padding-right: 30px; } .footer-info { width: 38%; float: left; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .logo-footer { float: left; width: 220px; margin-top: 15px; } .logo-footer img { max-width: 100%; height:auto; } .logo-footer ul { margin: 8px 0 0 0; padding: 0; list-style: none; text-align: center; } .logo-footer ul li { display: inline-block; padding: 0 7px; } .logo-footer ul li a { color: #313131; font-size: 16px; } .footer-text-about { margin-left: 270px; font-size: 13px; color: #303030; line-height: 26px; } .footer-instagram { width: 100%; float: right; position: relative; } .my-insta-box { display: none; } .title-instagram2 { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 9999; left: 0; } .footer-instagram h3 { background: #fff; font-family: lato; text-transform: uppercase; color: #c69f73; font-size: 12px; font-weight: 400; padding: 12px 20px; line-height: 16px; letter-spacing: 1px; margin: 0; transform: rotateZ(-90deg); -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); } .footer-text-about { margin-left: 270px; } /*---Top Categories-----*/ #Categories h2 { text-align: center; font-size: 28px; color: #171717; } #Categories .widget-content { text-align: center; } article.category-bottom-item.category-item-space { display: inline-block; } article.category-bottom-item.category-item-space { display: inline-block; margin: 0 45px; } h4.category-bottom-title.entry-title { font-size: 20px; font-weight: bold; } /*---Top-header-----*/ .top-header { width: 100%; text-align: center; overflow: auto } .top-header .section { display: inline-block; width: 33.1%; vertical-align: middle; } .Cat-iwt.clearfix.Cat-iwt.-icon-top.Cat-iwt.-icon-medium { margin: 0 20px; } .top-header a { display: inline-block; } #menu{display:none} #menu ul li{display:inline-block;padding:0;margin-right:1px;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important; } #menu ul li a { line-height: 41px; padding: 8px 10px; transition: all .3s ease-out!important; -webkit-transition: all .3s ease-out!important; -moz-transition: all .3s ease-out!important; -o-transition: all .3s ease-out!important; font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 0px; font-size: 14px; font-family: 'Merriweather', serif; background-color: #333; } #menu ul li ul li a { padding: 0px 12px; } #menu ul > li > a .fa{margin-right:8px} #menu ul li.hasSub a:after{margin-left:8px;margin-top:0px;position:relative;display:inline-block;content:'\f107';font-family:FontAwesome;font-weight:400;font-size:11px;text-rendering:auto;transition:all .3s ease-out!important;-webkit-transition:all .3s ease-out!important;-moz-transition:all .3s ease-out!important;-o-transition:all .3s ease-out!important} #menu ul li.hasSub ul li a:after{display:none!important} #menu ul li:hover ul{left:auto;z-index:9999} #menu ul li ul{position:absolute;left:-9999px;z-index:9999;width:184px;margin:0;padding:0;box-shadow:0 1px 3px rgba(0,0,0,.3)} #menu ul li ul li{background-color:#fff;float:none!important;display:block;padding:0;margin-right:0;height:auto;text-align: left} #menu ul li ul#sub-menu li a{ line-height: 0px; text-decoration: none; height: auto; padding: 12px; color: #fff; transition: all .3s ease-out!important; -webkit-transition: all .3s ease-out!important; -moz-transition: all .3s ease-out!important; -o-transition: all .3s ease-out!important; font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 13px; letter-spacing: 1px; text-transform: uppercase;} #menu ul li ul#sub-menu li:hover a{color:#FFF!important} #menu ul li ul li:hover a{color:$(color.theme)!important} #menu ul li,#menu ul li ul,#menu ul li a,#menu ul li ul#sub-menu li a i{outline:0;transition:all 0s ease!important;-webkit-transition:all 0s ease!important;-moz-transition:all 0s ease!important;-o-transition:all 0s ease!important} .pi-navigation .search-box { color: #171717; } #navigation .widget a:hover { text-decoration: none; color: #DC683C; } .capital:first-letter { float: left; display: block; font-family: Times, serif, Georgia; font-size: 40px; color: #000000; margin:0px 5px 0 0; padding:0 0 0 10px; } .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: #e04f62; 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} .showpageArea { display: inline-block; padding: 0 10px; position: relative; z-index: 2; } .showpageArea span { margin-bottom: 10px; } .blog-pager { display: block; overflow: hidden; margin-top: 0; margin-bottom: 10px; padding: 20px 30px 10px; } .blog-pager a { display: inline-block; font-family: "Montserrat", sans-serif; font-size: 14px; color: #DC683C; text-transform: uppercase; } .blog-pager a:hover { color: #535353; } .showpagePoint { font-weight: bold; text-decoration: none; display: inline-block; background: #fff; border: 1px solid #222; background-color: #222; color: #fff; line-height: 1; padding: 10px 14px; margin: 3px 4px; transition: all 0.3s ease; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,0.04); } .showpageArea span { margin-bottom: 10px; } .showpageNum a { font-weight: bold; text-decoration: none; display: inline-block; background: #fff; color: #919394; border: 1px solid #d1d7dc; line-height: 1; padding: 10px 14px; margin: 3px 4px; transition: all 0.3s ease; } .blog-pager a { display: inline-block; font-family: "Montserrat", sans-serif; font-size: 14px; color: #DC683C; text-transform: uppercase; } .photo-profile { line-height: 0px; } button.slick-nav.slick-next { display: none!important; } button.slick-nav.slick-prev { display: none!important; } .featured-title { display: none; } .featured-area { position: relative; } .carousel-title { bottom: 31%; font-size: 100px; color: #fff; position: absolute; opacity: 3; z-index: 99999; width: 100%; overflow: hidden; text-align: center; font-family: 'Parisienne', cursive; height: 200px; padding: 20px 0 20px 0; line-height: 1; } .second-alphabet span { color: #DC683C; } div#carousel-title { display: none; } .about-content { background: #fff; } .carousel-title { display: none; } .about-text { margin-left: 6%; } #sidebar h2.title { padding-top: 15px; color: #122947; font-size: 18px; margin-left: 6%; font-family: 'Merriweather', serif; line-height: 1.5; } h5.aboutme_username { color: #D85726; font-size: 16px; } .container1 { width: 100%; margin: 0 auto; background: #fff; } div#social { width: 13%; display: inline-block; float: right; margin: 10px 0 0 0; } .top-social i.fa.fa-facebook { background-color: #4F6AA3; } .top-social i.fa.fa-twitter { background-color: #34ABF3; } .top-social i.fa.fa-instagram { background-color: #D85726; } article.post { background-color: #fff; border-radius: 2%; } .bottom-blog { display: none; } .bg-category { display: inline-block; margin-left: 5%; } .category-name { background-color: #FFDABC; padding: 5px 10px; border-radius: 10%; color:#122947; } .category-name:hover { color: #fff; background-color: #D85726; } .side-item-text { text-align: center; } .side-item { position: relative; } .side-item-text { position: absolute; top: 41%; width: 100%; } .side-image img { border-radius: 3%; object-fit: cover; } a.to-top { float: right; margin-bottom: 30px; margin-right: 15px; } .footer-top a:hover { color: #333; } .fa-angle-double-up:before { content: "\f106"; font-family: fontawesome; font-size: 32px; background: #DC683C; color:#333; padding: 10px; color: #333; } div#HTML3 { background-image: url(https://1.bp.blogspot.com/-QwPcVxNqn8Q/Xpyrd5yCwmI/AAAAAAAABfU/5ArHLTWa4QAZ3duQd7OvjjrtbQtTwwlSQCNcBGAsYHQ/s1600/search-bg.png)!important; background-position: center right; background-repeat: no-repeat; background-size: contain; background-color: #FFDABC!important; } div#HTML6 { padding: 18px 20px 18px 20px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #F3E2D4; border-radius: 5px 5px 5px 5px; margin-bottom: 20px; } div#HTML7 { padding: 18px 20px 18px 20px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #F3E2D4; border-radius: 5px 5px 5px 5px; margin: 0 auto; } div#footer-ad { width: 60%; margin: 0 auto; margin-bottom: 20px; } img { width: 100%; } /*---Additional-----*/ blockquote { font-style: italic; color: #888; border-left: 5px solid #27ae60; margin-left: 0; padding: 10px 15px; } .post-table th { border: 0.125em solid #333; line-height: 1.5; padding: 0.75em; text-align: left; } .post-table th, .post-table td { border: 0.125em solid #333; line-height: 1.5; padding: 0.75em; text-align: left; } .post-entry ul li:before { content: "\f105"; margin-right: 5px; font-family: fontawesome; } .button.large { font-size: 18px; padding: 8px 18px; } .post-entry ul li { margin: 5px 0; padding: 0; line-height: 1.5; } .button.small { font-size: 12px; padding: 5px 12px; } .button.medium { font-size: 16px; padding: 6px 15px; } .demo:before { content: "\f06e"; margin-right: 5px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .download:before { content: "\f019"; margin-right: 5px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .buy:before { content: "\f09d"; margin-right: 5px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .visit:before { content: "\f14c"; margin-right: 5px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .small-button { width: 100%; overflow: hidden; clear: both; } a.button { color: #fff; } .alert-message { position: relative; display: block; background-color: #FAFAFA; padding: 20px; margin: 20px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #2f3239; border: 1px solid; } .button:hover { background-color: #27ae60; color: #fff; } .alert-message.success { background-color: #f1f9f7; border-color: #e0f1e9; color: #1d9d74; } .alert-message i { font-size: 16px; line-height: 20px; } .alert-message.alert { background-color: #DAEFFF; border-color: #8ED2FF; color: #378FFF; } .alert-message.warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-message.error { background-color: #FFD7D2; border-color: #FF9494; color: #F55D5D; } pre { font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace; background-color: #2c3e50; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); background-image: linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent); -webkit-background-size: 100% 50px; -moz-background-size: 100% 50px; background-size: 100% 50px; line-height: 25px; color: #f1f1f1; position: relative; padding: 0 7px; margin: 15px 0 10px; overflow: hidden; word-wrap: normal; white-space: pre; position: relative; } pre:before { content: 'Code'; display: block; background: #F7F7F7; margin-left: -7px; margin-right: -7px; color: #2c3e50; padding-left: 7px; font-weight: 400; font-size: 14px; } #contact { background-color: #fff; margin: 30px 0 !important; } input#ContactForm10_contact-form-name { width: 49.6%; height: 50px; } input#ContactForm10_contact-form-email { width: 49.6%; height: 50px; } textarea#ContactForm10_contact-form-email-message { height: 150px; } .button { background-color: #2c3e50; } #contact .contact-form-button-submit { max-width: 100%; width: 100%; z-index: 0; margin: 4px 0 0; padding: 10px !important; text-align: center; cursor: pointer; background: #27ae60; border: 0; height: auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; text-transform: uppercase; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; color: #FFF; } blockquote:before { content: '\f10d'; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px; color: #888; } .errorWrap { color: #333333; text-align: center; padding: 60px 0 100px; } .errorWrap h3 { font-size: 130px; line-height: 1; margin: 0 0 30px; } .errorWrap h4 { font-size: 25px; margin: 0 0 20px; } .errorWrap p { margin: 0 0 10px; } a.homepage { display: inline-block; height: 32px; background-color: #DC683C; color: #fff; font-weight: 700; line-height: 32px; padding: 0 20px; margin: 20px 0 0; transition: background .17s ease; } .errorWrap a i { font-size: 14px; font-weight: 400; } .firstcharacter { float: left; color: #27ae60; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; } blockquote:after { content: '\f10e'; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 10px; color: #888; } #contact .contact-form-widget { max-width: 100% !important; } .contact-form-name, .contact-form-email, .contact-form-email-message { max-width: 100% !important;} .button:hover { background-color: #27ae60; color: #fff!important; } a.button { color: #fff; } .button.large { font-size: 18px; padding: 8px 18px; } .post-entry ul li { margin: 5px 0; padding: 0; line-height: 1.5; } .button.small { font-size: 12px; padding: 5px 12px; } .button.medium { font-size: 16px; padding: 6px 15px; } .small-button { width: 100%; overflow: hidden; clear: both; } a.button { color: #fff; } /*---Search box-----*/ #hbz-searchbox { min-width: 250px; margin: 10px auto; border-radius: 3px; overflow: hidden; max-width: 300px; padding-bottom: 15px; } #hbz-input { width: 59.2%; padding: 10.5px 4%; font: bold 15px "lucida sans", "trebuchet MS", "Tahoma"; border: none; background-color: #EEE; } #hbz-input:focus { outline: none; background-color: #FFF; box-shadow: 0 0 2px #333333 inset; } #hbz-submit { overflow: visible; position: relative; float: right; border: none; padding: 0; cursor: pointer; height: 40px; width: 32.8%; font: bold 15px/40px "lucida sans", "trebuchet MS", "Tahoma"; color: #FFF; text-transform: uppercase; background-color: #DC683C; } #hbz-submit::before { content: ""; position: absolute; border-width: 8px; border-style: solid solid solid none; border-color: transparent #DC683C; top: 12px; left: -6px; } #hbz-submit:focus, #hbz-submit:active { background-color: #C42F2F; outline: none; } #hbz-submit:focus::before, #hbz-submit:active::before { border-color: transparent #C42F2F; } #hbz-submit:hover { background-color: #E54040; } #hbz-submit:hover::before { border-color: transparent #E54040; } /********************************/ /*** Subcription Box ***/ /********************************/ .hbzsub { background-color: #fff; width: 100%; height: 100%; padding: 5px; } .hbzform-inner { text-align: center; color: #171717; font: bold 16px "trebuchet MS","Tahoma"; } .hbzemailform { width: 240px; margin: 10px auto; } #hbzemailbox { background-color: #fff; color: #171717; width: 208px; border: 1px solid #171717; padding: 15px; text-align: center; height: 18px; box-sizing: content-box; } #hbzemailbutton { background-color: #DC683C; border: #DC683C; color: rgb(255, 255, 255); width: 240px; font: bold 16px "trebuchet MS","Tahoma"; padding: 15px; text-align: center; height: 50px; margin: 10px auto; cursor: pointer; } #hbzemailbutton:hover { background-color: #DC683C; border: 1px solid #DC683C; } .hbzsignup-form { margin-top: 15px; } .hbzsocial-icons { overflow: hidden; text-align: center; border-bottom: 1px solid rgb(133, 133, 133); width: 230px; display: block; margin: 20px auto; } .hbzsocial-icons ul { margin: 0px auto !important; text-align: center; padding: 0px !important; display: inline-block; } .hbzsocial-icons ul li { background: transparent none repeat scroll 0% 0% !important; border: medium none !important; float: left; list-style-type: none !important; padding: 0px !important; margin: 0px 2px !important; } .hbzsocial-icons ul li::before, .hbzsocial-icons ul li::after { display: none !important; } .hbzsocial-icons ul li a, .hbzsocial-icons ul li a:hover { background: url("http://3.bp.blogspot.com/-qXV1qRPIjHY/UbqjmHPAHzI/AAAAAAAACUE/7_sAZf8tHLY/s1600/sprite_32x32.png") no-repeat scroll 0 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: block; height: 34px; overflow: hidden; text-indent: -999px; transition: all 0.25s linear 0s; width: 34px; } ]]>
<ul class="menu"> <li><a href="/">Home</a></li> <li><a href="/">Features</a> <ul class="sub-menu"> <li><a href="/">Multi DropDown</a> <ul class="sub-menu"> <li><a href="/">DropDown 1</a></li> <li><a href="/">DropDown 2</a></li> <li><a href="/">DropDown 3</a></li> </ul> </li> <li><a href="https://travel-omtemplates.blogspot.com/p/post-format-and-page-markup_20.html">ShortCodes</a></li> <li><a href="https://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html">Sitemap</a></li> <li><a href="https://travel-omtemplates.blogspot.com/soratemplates">Error Page</a></li> </ul> </li> <li><a href="">Documentation</a> <ul class="sub-menu"> <li><a href="https://www.sorabloggingtips.com/2020/07/how-to-setup-travel-blogger-template.html">Web</a></li> <li><a href="https://youtu.be/1oMdR6G5rRY">Video</a></li> </ul> </li> <li><a href="https://www.omtemplates.com/2020/07/travel-blogger-template.html">Download This Template</a></li> </ul>

http://2.bp.blogspot.com/-lpwEyAXMNsQ/XxZ3jBeNBRI/AAAAAAAAC18/b6olvpkeZsYBuAdR7ePzxCNLwQZJ7QlxQCK4BGAYYCw/s1600/travel.png 59 792 true false REPLACE 272