<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpTjTduqN5uGQAmcHuxDnViTDEBkEtwz1VE-zPFZfeFutvJsptGQQ65qzFk7LlaKKcC1FPrkBUpeQ1hsaPhoTkZvVTvXtWD6iIdgxVQNxDQuRjQAYdsWeQtoPT9LiS2u0sA3uKTZTmkxk/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVVSL2708dDyCPOOs5glVOr9X9NQnHIV5Sr8lQnWf0qeBOsjZFQXZGPpBcQP-eOW-4FcMvqV6nLi0ZBhB1AezIBEQWTUhG2lL5J9i8NwXhozLn3Fa6qOqjOIYoEgVKqy4LJSbnBdamIVDg/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;
}
]]>
