/*===================== TABLE OF CONTENT ======================= 1. Tables 2. General Styling 3. Header 4. Slide Out Menu 5. Slide Out Content 6. Dropdown Menu 7. Featured Post 8. Small Featured Boxes 9. Normal Post 10. Widgets 11. Footer 12. Responsive Menu 13. Responsive Styles 14. Single Post Page 15. About Page 16. Contact Page 17. Overlay search 18. List =============================================================*/ .header-404 { position:relative; } .page-title-404 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .page-title-404 { font-size: 60px; font-weight: 700; letter-spacing: 1px; color: #fff; font-family: 'lato', serif; } .page-content-404{ display: inline-block; width: 48%; vertical-align: middle; text-align: left; margin-bottom: 29px; } .error-404-text { font-size: 18px; color: #555; line-height: 30px; margin-top: 10px; font-family: 'Lato', sans-serif; font-weight: 400; letter-spacing: .6px; } .error-404-text a{ text-decoration: underline; transition: all .2s ease-in-out; font-weight: 700; } .error-404-text a:hover{ text-decoration: underline; color: #3d9fff; } .error-page-content { background-color:#fff; padding-bottom: 100px; } .page-content-404-outer{ width: 80%; margin: 0 auto; margin-top: 85px; } .page-content-404-outer img{ max-width:50%; } .sl-wrapper{ text-align: right; display: inline-block; width: 49%; margin-top: 14px; } .sl-count{ letter-spacing: 1px; color: #999; font-family: lato; margin-left: 3px; font-size:10px; } .sl-wrapper .fa-heart ,.sl-wrapper .fa-heart-o{color:red; font-size: 12px;} .author-profile-cs{ width: 50%; display: inline-block; vertical-align: top; } .social-parent { float: right; position: relative; display: inline-block; } .social-hover-content { width: 0; height: 32px; line-height: 32px; overflow: hidden; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; } .social-parent{ float: right; position: relative; } .social-parent:hover > .social-hover-content { display:inline-block; position:absolute; right:100px; width:112px; } .social-parent .primary-button{ float:right; } .social-hover-content li { display:inline-block; list-style:none; margin:0 5px; font-size:15px; } .post-footer .social-hover-content a{color: #a7a7a7;} .post-footer ul li a:hover {color: #3d9fff;} .entry-content .social-hover-content ul{ margin:0px; } .post-footer>.primary-button { float:left; } .search-no-results .page-content input[type="text"]{ width:100%; padding: 10px; margin: 10px 0; } .admin-bar header{ margin-top: 32px; } .single .byline, .group-blog .byline { text-transform: capitalize; } .comments-area ul, ol { padding:0; list-style-type: none; } .comments-area ol li {list-style:none;} .avatar{ float: left; height: 42px; margin: 0px 10px 20px 0px; width: 42px; border-radius: 115px; overflow:hidden; } .post-footer .author-name { font-size: 14px; line-height: 14px; letter-spacing: 0.6px; padding-top: 6px; font-family: 'Lato', sans-serif; font-weight: 700; } .author-job{ font-size: 11px; letter-spacing: 0.4px; line-height: 11px; font-family: 'Lato', sans-serif; color: #999; text-transform: capitalize; } .comment-author { font-style:normal; text-transform: uppercase; color: #a60505; font-size: 13px; margin: 20px 0 4px; padding-top: 18px; } .comment-author .vcard img { height: 70px; width: 70px; -o-object-fit: cover; object-fit: cover; text-align: center; margin-bottom: 24px; } .comment-meta { } .reply a{ font-size: 11px; margin-top: 0; right: 0; top: 19px; position: absolute; margin-bottom: 8px; text-align: right; text-transform: uppercase; font-family: 'Lato', serif; color: #555555; } .comment-list{margin-left: 0px;} .comments-area li { list-style: none; border-top: 1px solid #eee; } .comments-area .lined-title { color: #000; margin-bottom: 24px; text-align: left; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 1.4px; display: block; margin-top: 80px; } .comment-form{ text-align: center; margin-top: 53px; } .comments-area .fn,.comments-area cite { font-style: normal; color: #000; margin-right: 6px; text-align: left; font-size: 14px; font-weight: 400; font-family: 'Lato', sans-serif; letter-spacing: 0.4px; } .comment-meta img{width:50px; border-radius: 100%; margin: 0 1em 0 0; } .comments-area textarea{width:100%;} .comments-area label { margin-bottom: 0;} .comment-content{margin-left: 64px;} .comment-body{ margin: 5% 0; position: relative; } .comment-body p{ width:90%; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 24px; color: #939393; } .comment-list .pingback .comment-body{padding-bottom:37px;font-size:12px;} .comment-list .pingback .comment-body .edit-link{ font-weight: bold; padding: 0 5px; } .comment-list .comment-edit-link{ font-weight: bold; padding: 0 5px; } .comment-list .pingback .comment-body .edit-link a:before { content: "("; } .comment-list .pingback .comment-body .edit-link a:after { content: ")"; } .single-comment { border-bottom: 1px solid #e5e5e5; padding-bottom: 14px; } .comments { display: block; margin-top: 40px; } .comments h5 { font-size: 16px; font-weight: bold; } .single-comment img, .single-reply img { height: 70px; width: 70px; -o-object-fit: cover; object-fit: cover; text-align: center; float: left; border-radius: 35px; margin-right: 30px; } .comment-author { color: #a60505; font-size: 13px; margin: 20px 0 4px; padding-top: 18px; } .comment-author span { } .comment .commentmetadata a { font-size: 9px; text-transform: uppercase; margin-top: 10px; margin-bottom: 0; color: #555555; position: relative; font-family: 'Lato', serif; text-align: center; font-weight: 400; letter-spacing: 1px; } .single-reply { border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; } .single-reply img { margin-left: 70px; } form { text-align: center; } .comment-form input[type="text"] { float: left; } .comment-form input[type="email"] { float: right; } .comment-form input[type="url"], .comment-form input[type="text"], .comment-form textarea[name="comment"], .comment-form input[type="email"] { background-color: #fff; color: #555555; padding: 13px 4px 13px 10px; font-size: 12px; font-weight: 400; border: 1px solid #e5e5e5; width: 49%; display: inline-block; margin-bottom: 26px; } .comment-form input[type="url"] { width: 100%; } .comment-form textarea[name="comment"] { width: 100%; height: 160px; margin-bottom: 20px; resize: vertical; } .comment-form input[type="url"]:focus, .comment-form input[type="text"]:focus, .comment-form input[type="email"]:focus { color: #5f5f5f; outline: none; } .comment-form input[type="submit"] { border-radius:0; width: auto; background-color: #fff; color: #555555; font-size: 10px; font-family: 'Lato', sans-serif; padding: 14px 40px; border: 1px solid #eaeaea; margin: 0 auto; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .wpcf7-form input[type="submit"] { width: auto; background-color: #fff; color: #555555; font-size: 10px; font-family: 'Lato', sans-serif; padding: 10px 26px; border: 1px solid #eaeaea; margin: 0 auto 30px; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .wpcf7-form input[type="submit"]:hover { color: #000; border: 1px solid #cccccc; } .page-header{ text-align:center; z-index:1; } .rAdsContainer { display: none; } /*-----------------------Tables--------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee; } td { padding: 0.4em; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /*=============== General Styling ===================*/ .sitetitlewidth{width:100%;padding: 30px;} .clearboth{clear:both;} .slidingwidgetarea{position: absolute;left: 0; padding-left: 0px;} .slidingwidgetareainner{z-index:0;} p{margin:0;} .site-content{ max-width: 1100px; margin: 0 auto; width: 100%; } .site-content { padding-right:0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .content-area{ width: 65%; float: left; } .widget-area{ float: left; width: 35%; } .widget .widin a:hover{ color:#3d9fff; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } body{ overflow-x:hidden } body { float: left; width: 100%; font-family: 'Lato', serif; letter-spacing: 0; position: absolute; top: 0; z-index: 9999; background-color: #f4f4f4; } .hentry,.widget{background-color:white;} .second-sidebar { padding-right: 16px!important;} .widget-area { padding-left: 16px!important;} body * { outline:none!important; } h1, h2, h3, h4, h5, h6 { font-family: 'Lato', sans-serif; font-weight: 700; } p { font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 21px; color: #555555; } ul li, ol li { font-family: 'Playfair Display', serif; } a { color: #000 } a:hover, a:focus{ text-decoration: none; outline: none; color: #000; } a:visited { } input:hover,input:focus { outline:none } img { height:auto; image-rendering: -webkit-optimize-contrast; -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); /* IE 9 */ -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */ transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); } .theme-layout { float: left; overflow-x: hidden; position: relative; width: 100%; } section{ float: left; position: relative; width: 100%; } /*=============== Header ===================*/ header { width: 100%; position: relative; z-index: 1000; } .menu { width: 100%; background-color: #000; } .artcela-menu { position: relative; width: 100%; } .menu-button { display: none; text-align: right; } .artcela-menu ul { margin: 0; padding: 0; } .artcela-menu > div > ul { margin: 0; padding: 0; width:73%; float:left; } .artcela-menu > ul.menu-icons { margin: 0; padding: 0; float:left; position: absolute; right: 0; height:50px; overflow: hidden; } .menu-icons { float: right; list-style: none; text-align: right; width:27%; min-width:250px; } .artcela-menu .menu-item-has-children{ position:relative; } .artcela-menu ul li { margin-right: 30px; display: inline-block; float: left; } .artcela-main-menu li a { color: #fff; font-family: 'Lato', sans-serif; padding: 0 10px; font-size: 11px; letter-spacing: 1.4px; font-weight: 400; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .artcela-main-menu li:first-child > a { padding-left: 0; } .artcela-menu ul a:hover{ color: #3d9fff; } .artcela-main-menu li:last-child { margin-right: 0; } .artcela-main-menu li{ margin:0; padding: 15px 0; } .artcela-main-menu li .sub-menu li {padding:0;} .menu-icons { float: right; list-style: none; } .artcela-menu .menu-icons li { display: inline-block; float:right; margin-right:0; } .menu-icons li:first-child { margin-right: 0; } .menu-icons li:nth-last-child(2) { } .menu-icons li i { font-size: 13px; color: #fff; line-height: 50px; padding: 0px 0 0 14px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .menu-icons li a { font-size: 13px; color: #fff; line-height: 50px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .menu-icons li i:hover,.menu-icons li a:hover { color: #3d9fff; } .menu-icons li:last-child { margin-right: 0; } .menu-icons li a { padding: 0 7px; } .search-icon { margin-right: 0; } .search-icon i { cursor: pointer; } .logo { text-align: center; margin-top: 40px; margin-bottom: 12px; } .search-box { background-color: #000; border: 0; color: #fff; padding: 0 10px; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 12px; line-height: 30px; letter-spacing: 0.6px; border-radius: 2px; display: inline-block; opacity: 0; width: 180px; margin-left: -180px; visibility: hidden; -webkit-transition: all 400ms cubic-bezier(0.600, 0.040, 0.980, 0.335); transition: all 400ms cubic-bezier(0.600, 0.040, 0.980, 0.335); /* easeInCirc */ -webkit-transition-timing-function: cubic-bezier(0.600, 0.600, 0.600, 0.600); transition-timing-function: cubic-bezier(0.600, 0.600, 0.600, 0.600); /* easeInCirc */ } .search-box::-webkit-input-placeholder { color:#fff; } .search-box::-moz-placeholder { color:#fff; } .search-box:-ms-input-placeholder { color:#fff; } .search-box::-webkit-input-placeholder { color:#fff; } .search-box::-moz-placeholder { color:#fff; } .search-box:-ms-input-placeholder { color:#fff; } .search-box.searchon { color: #fff!important; position: relative; margin-left: 8px; margin-right: 10px; visibility: visible; -webkit-animation: opacity 480ms 380ms forwards; animation: opacity 480ms 380ms forwards; } .menu-icons input[type="text"]{ border: 0px!important; } @keyframes opacity { from { opacity: 0; } to { opacity: 1; } } .single-page-logo { text-align: center; margin-top: 60px; margin-bottom: 50px; } .site-title { text-align: center; font-family: 'Lato', sans-serif; font-weight: 100; line-height:1; font-size: 75px; letter-spacing: 1px; margin-bottom: 6px; } .site-title h1 span, .widget-about h3 span { letter-spacing: 0; } .site-branding{ margin: 51px 0 48px 0; } .site-branding a{ font-weight: 300; } .site-branding .site-description{ font-size: 11px; font-family: 'Lato', sans-serif; font-weight: normal; line-height: 22px; word-spacing: 6px; text-transform: uppercase; display: inline-block; position: relative; padding: 2px 0; margin-top: 4px; } /*=============== Dropdown Menu ===================*/ nav li ul { display: block; background: #fff; position: absolute; top: 52px; margin-left: 0; z-index: 1111; width: 200px; border-top: 1px solid #fff; border-left: 1px solid #efefef; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; visibility: hidden; opacity: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } nav ul li ul { display:none; opacity: 0; visibility: hidden; } nav ul li:hover ul { display:block; opacity: 1; visibility: visible; } nav ul ul li { margin: 0; display: block; padding: 0; width: 100%; } .menu nav ul ul li a { font-size: 11px; display: block; color: #000; background-color: #fff; padding: 0 20px; line-height: 46px; border-bottom: 1px solid #efefef; text-align: left; } .artcela-main-menu li ul li:first-child a { padding-left: 20px; } .menu nav ul ul li:last-child a { border-bottom: 0; } nav ul ul li { min-width: 150px; margin-right: 0; display: block; margin: 0; padding-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, .05); } nav ul li ul li .sub-menu {display:none;} nav li ul li{position:relative;} nav ul li ul li:hover > .sub-menu { margin-left: 0px; position: absolute; left: 100%; top: 0; display: block; width: auto; border: 1px solid rgba(0, 0, 0, .1); padding: 0; z-index: 1111; } nav #primary-menu > li:nth-last-child(3){margin-right:50px;} nav #primary-menu > li:first-child{margin-left:50px;} nav .sub-menu .sub-menu .sub-menu .sub-menu{display:none;} nav ul li:hover ul { animation-name: menu1; animation-duration: 300ms; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } nav ul ul li { transition: all 0.25s ease-in-out; } nav ul ul li a { transition: all 0.25s ease-in-out; } nav ul li ul li .children {display:none;} nav ul li ul li:hover > .children { margin-left: 0px; position: absolute; left: 100%; top: 0; display: block; width: auto; border: 1px solid rgba(0, 0, 0, .1); padding: 0; z-index: 1111; } @keyframes menu1 { 0% { opacity: 0; } 100% { opacity: 1; } } /*=============== Posts ===================*/ .normal-post { margin-bottom: 100px; } .hentry{ margin-bottom: 16px; } .single .hentry { padding-bottom: 50px; } .page .entry-content {padding: 48px 0 60px;} .post-header-artcela{ position: relative; } .entry-title { margin-top: 2px; margin-bottom: 12px; } .entry-title:hover a { color: #555555; } .entry-content .more-link {display:none;} .post-header-artcela .entry-meta .byline{display:none;} .site-content .content-area .cat-links a{ color: #3d9fff; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-family: 'Lato', serif; font-size: 11px; text-align: center; font-weight: 700; letter-spacing: 1px; } .posted-on , .recent-post-comments ,.widget-time{ position: relative; font-family: 'Lato', serif; font-size: 10px; font-weight: 400; letter-spacing: 1px; line-height:10px; } .entryfootercats:after { color: #3d9fff; } .recent-post-comments:before { content: url('../images/comment.png'); margin-right:5px; } .recent-post-comments , .posted-on a ,.widget-time{ color: #aaa; } .posted-on:before { content: url('../images/calendar.png'); margin-right:5px; } .entry-header .entry-meta , .entryfootercats { display: inline-block; } .entry-header .entry-meta { } .post-featured-image img{ width:100%; } .nofeaturedimage{ min-height: 1px; display: block; } .hentry:first-child .nofeaturedimage{ margin-top: 0; } .entry-content .primary-button { } .entry-content , .entry-summary { padding:0 25px; margin:0; } .entry-header-outer{ padding:10px 25px 0 25px;} .post-meta-contnet-custom{ margin: 10px 0; } .entryfootercats , .recent-post-comments , .entry-meta{margin-right:10px;} .entry-header-outer .cat-links a{ text-align: center; font-weight:700; font-size: 11px; letter-spacing: 0.8px; font-weight: 400; color: #3d9fff; text-transform: uppercase; font-family: 'Lato', serif; margin-bottom: 1px; } .entry-content p { color: #999999; font-weight: 400; font-size: 13px; word-spacing: 0; letter-spacing: 0.6px; line-height: 21px; font-family: 'Lato', sans-serif; } .primary-button { color: #979797; border: 1px solid #eaeaea; padding: 8px 28px; font-size: 10px; font-family: 'Lato', sans-serif; font-weight: 300; text-transform: uppercase; display: inline-block; text-align: center; margin-top: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .primary-button a { transition: all 0.25s ease-in-out; color: #979797; } .primary-button:hover { color: #000; border: 1px solid #cccccc; } .primary-button:hover a{ color: #000; } .single .content-area { background: white; } .comments-area{ width: 52%; margin: 0 auto; } .comments-area .fn, .comments-area cite { font-size: 10px; text-transform: uppercase; color: #333; font-family: 'Lato', sans-serif; letter-spacing: 1.4px; font-weight: 600; } .comments-area .comment .commentmetadata a { font-size: 10px; letter-spacing: 0.4px; color: #aaa; font-family: 'Lato', sans-serif; text-transform: lowercase; } .single .entry-header-outer , .page .entry-header-outer { position: absolute; top: 0; background-color: rgba(0, 0, 0, 0.12); width: 100%; height: 100%; } .single .post-header-artcela , .page .post-header-artcela { position: relative; text-align: left; } .single .nofeaturedimage ,.page .nofeaturedimage { margin-top: 0; width: 100%; min-height: 300px; } .single .entry-title , .page .entry-title{ color:white; margin-top: 2px; margin-bottom: 12px; text-align: left; font-size: 4em; } .single .entry-content p:not( .wp-block-cover-image-text ) , .page .entry-content p:not( .wp-block-cover-image-text ){ font-size: 16px; color: #333; letter-spacing: 0.4px; line-height: 34px; margin-top: 20px; } .single .site-content .content-area .cat-links a { color: #ffb400; font-weight: 700; letter-spacing: 1.8px; margin-right: 15px; } .single .entry-header { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; } .page .entry-header { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .single .entry-content { max-width: 100%; background-color: #fff; padding: 48px 0 0px 0; } .entry-content p:first-child:first-letter { } .entry-content img{} .single .post-footer { margin-top: 27px; margin-bottom: 10px; margin: 0 auto; max-width: 50%; } .post-footer { margin-top: 27px; margin-bottom: 10px; } .post-footer .post-social-color ul li a { padding: 8px 20px; margin-bottom:5px; color: white; border-radius: 4px; width: 60px; text-align: center; } .post-footer .post-social-color .fa-twitter {background-color:#00abed;} .post-footer .post-social-color .fa-facebook {background-color:#4c68b3;} .post-footer .post-social-color .fa-google-plus-official {background-color:#dd4e40;} .post-footer .post-social-color .fa-linkedin {background-color:#007bb6;} .post-footer .post-social-color .fa-pinterest {background-color:#d73d32;} .post-footer ul { } .post-footer ul li { } .post-footer ul li:last-child { } .active { } .image-galery img { height: 200px; width: 49%; -o-object-fit: cover; object-fit: cover; margin-top: 8px; } .image-galery a:last-child img { margin-right: 0px; float: right; } .image-galery { text-align: left; } .image-galery a:first-child img { height: 280px; width: 100%; -o-object-fit: cover; object-fit: cover; text-align: center; margin-bottom: 4px; } .video-post iframe { border: 0; height: 420px; width: 100%; } .slider-post .video-post { border: 0; min-height: 490px; width: 100%; } /*=============== Widgets ===================*/ .widget select { max-width: 100%; padding: 10px 30px; letter-spacing: 1px; background: white; } .widget-about { width: 100%; height: auto; padding: 26px 50px 24px 50px; border: 1px solid #ddd; margin-bottom: 24px; } .profile-img { text-align: center; } .widget-about img { height: 200px; width: 200px; -o-object-fit: cover; object-fit: cover; margin-bottom: 28px; } .widget-title { font-size: 10px; letter-spacing: 2px; line-height: 13px; text-transform: uppercase; font-weight: 700; color: #000; font-family: 'Lato', sans-serif; margin-top: 0; } .widget-title span { letter-spacing: 0; } .widget-about p { line-height: 26px; text-align: center; } .widget-about p strong { font-family: 'Lato', sans-serif; letter-spacing: -1px; } .widget-about ul { display: block; padding: 0; text-align: center; margin: 30px 0; } .widget-about ul li { display: inline-block; font-size: 16px; margin-right: 29px; } .widget-about ul li:last-child { margin-right: 0; } .widget-area .primary-button a:hover { } .widget-area .widget_popular_posts_widget .widget-title:before , .widget-area .widget_recent_posts_widget .widget-title:before , .widget-area .widget_random_posts_widget .widget-title:before , .second-sidebar .widget_popular_posts_widget .widget-title:before , .second-sidebar .widget_recent_posts_widget .widget-title:before , .second-sidebar .widget_random_posts_widget .widget-title:before { content: ''; border: 6px solid #356ae1; border-left: 0; border-right: 5px solid transparent; width: 11px; position: absolute; left: 0; } .side-meta .cat-links a { color:#ffb400; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-family: 'Lato', serif; font-size: 10px; text-align: center; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .site .widget_select_posts_widget{padding:0!important;} .site .widget_select_posts_widget .widin{padding:0!important;} .site .widget_select_posts_widget .text-widget-info { overflow: hidden; line-height: normal; padding: 20px; } .site .widget_select_posts_widget .widget-thumb-post img { height: auto; } .site .widget_select_posts_widget .singlewidgettitle a{ font-size: 14px; font-weight: 700; letter-spacing: 0.6px; line-height: 22px; } .site .widget_select_posts_widget .singlewidgettitle { margin: 14px 0 0; } .second-sidebar .primary-button a{ border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; transition: all 0.25s ease-in-out; font-size: 14px; font-weight: normal; padding: 12px 40px 13px 40px; line-height: 1; display:block; } .widget-area .widget_mc4wp_form_widget { padding-bottom: 46px; margin-bottom: 24px; } .widget_mc4wp_form_widget h3 { padding: 44px 0 0.2px 0; } .widget_mc4wp_form_widget input[type="email"] { border-radius:0; background-color: #f8f8f8; float: none; color: #555; padding: 14px 18px; font-size: 13px; letter-spacing: 0.6px; font-weight: 400; border: 0; width: 100%; margin: 0 auto; display: block; } .widget_mc4wp_form_widget input[type="email"]:focus { color: #555; outline: none; } .widget_mc4wp_form_widget input[type="submit"] { border-radius: 0; width: 100%; float: none; background-color: #3d9fff; border: 0; display: block; margin: 20px auto 0; color: #fff; text-align: left; font-family: 'Lato', sans-serif; text-transform: uppercase; letter-spacing: 1px; padding: 15px 20px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .widget_mc4wp_form_widget input[type="submit"]:hover{ background-color: #c7c7c7; } .widget input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #555; text-transform: uppercase; } .widget input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #555; text-transform: uppercase; } .widget input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #555; text-transform: uppercase; } .widget input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #555; text-transform: uppercase; } .widget-instagram { border: 1px solid #ddd; padding: 20px 18px 44px; margin-bottom: 24px; } .insta-pics img { height: 140px; width: 140px; -o-object-fit: cover; object-fit: cover; text-align: center; margin-bottom: 11px; margin-top: 8px; } .insta-pics img:first-child, .insta-pics img:nth-last-child(2){ margin-right: 11px; } .insta-pics { text-align: center; } .widget-categories { height: auto; border: 1px solid #ddd; padding: 20px 35px 20px; margin-bottom: 24px; } .categories { height: auto; } .categories ul li { display: block; width: 100%; float: left; text-align: left; padding: 14px 20px; } .categories ul li a span { float: right; font-style: normal; } .categories ul li a { font-size: 14px; font-style: italic; } .bg-special { background-color: #f3f3f3; } .categories ul li:last-child { padding: 12px 20px; } .widget-banner { height: 270px; width: auto; background-color: #ddd; margin-bottom: 24px; position: relative; } .banner-button p { background-color: #000; padding: 13px 23px; display: inline-block; color: #fff; font-weight: bold; letter-spacing: 1px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .widget-recent-tweets, .widget-popular-posts { height: auto; border: 1px solid #ddd; padding: 20px 20px 44px; margin-bottom: 24px; } .recent-tweets .tweet i { color: #2be7e5; font-size: 18px; float: left; padding: 5px 6px 6px 0; } .recent-tweets .tweet p { font-size: 14px; } .recent-tweets .tweet span { color: #818181; font-size: 11px; padding-left: 6px; } .tweet { display: block; padding: 0 20px; margin-bottom: 38px; } .tweet:last-child { margin-bottom: 0; } .popular-post { display: block; padding: 0 18px 0 16px; margin-bottom: 38px; } .popular-post:last-child { margin-bottom: 0px; } .popular-posts img { height: 80px; width: 80px; -o-object-fit: cover; object-fit: cover; margin-top: 12px; float: left; } .popular-entry-content h5 { font-size: 18px; font-weight: bold; margin-bottom: 0; top: 12px; position: relative; } .popular-entry-content p { font-size: 12px; margin-top: 19px; color: #000; line-height: 18px } .popular-entry-content { position: relative; left: 14px; } .popular-entry-content span { font-size: 12px; color: #818181; top: -9px; position: relative; } /*=============== Footer ===================*/ .footer-widget p { font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 21px; letter-spacing: .6px; color: #999999; } #colophon { margin-top: 100px; } .footer-widget { margin: 0 auto; display: block; width: 33.3%; float: left; padding: 40px 37px; } .site-footer .widget-title:after{ content: ' '; display: block; text-align: left; height: 1px; margin: 19px 0; background-color: #9d9d9d; width: 30px; } .site-footer .widget-title { color: #000; text-transform: uppercase; margin-bottom: 24px; text-align: left; font-size: 14px; font-weight: 400; font-family: 'Lato', sans-serif; letter-spacing: 1.4px; } .footer-layout { width: 100%; } .footer-layout ul { list-style: none; text-align: center; border: 1px solid #eee; border-top: 0; } .footer-layout ul li { display: inline-block; margin-right: 60px; padding: 30px 0; } .footer-layout ul li:last-child { margin-right: 0; } .footer-layout ul li .red { font-size: 18px; color: #a7a7a7; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; width: 42px; height: 42px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-layout ul li i:hover { color: #555; } footer .logo h1 { font-size: 30px; margin: 24px 0 30px; padding: 0; } footer .about-footer p { font-size: 14px; color: #888888; line-height: 26px; letter-spacing: 0.4px; text-align: center; } .site-footer .footer-widget-area{ max-width:1100px; background-color: #fff; } .site-footer { background-color: #fff; } .mini-menu ul { margin: 0.75em 0; padding: 0 1em; list-style: none; margin-left: 90px; } .mini-menu li:before { content: ""; border-color: transparent #888; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: block; height: 0; width: 0; left: -1em; top: 0.9em; position: relative; } .footer-title { font-size: 16px; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: bold; line-height: 30px; letter-spacing: 0.8px; margin: -1px 0 30px; padding: 0; text-align: center; } .mini-menu a { color: #888; } .mini-menu a:hover, .mini-menu a:active { color: #000; margin-left: 2px; } .adress i { color: #5f5f5f; font-size: 20px; float: left; padding: 5px 12px 10px 0; } .adress { display: block; padding: 0 0 0 30px; margin-bottom: 10px; } .adress p { font-size: 14px; color: #888; padding-top: 3px; } .adress p span { font-size: 16px; letter-spacing: 0.8px; } .adress:last-child { margin-bottom: 0; } .adresses .adress:last-child i { padding-right: 12px; } .adresses .adress:nth-last-child(2) i { padding-top: 10px; padding-right: 14px; } .site-info{background:#000;} .site-info p{ color: #fff; padding: 26px 0; border-top: 1px solid #a7a7a7; font-family: 'Lato', sans-serif; font-size: 12px; word-spacing: 2px; text-align: center; width: 100%; margin-bottom: 0; } .site-info a { color: #000; font-weight: bold; letter-spacing: 0.6px; } /*=============== Responsive Menu ===================*/ .responsive-menu { background:#fff; height: 100%; position:fixed; top: 0; left: -480px; width: 480px!important; z-index: 10000; display: none; -webkit-transition: all 400ms cubic-bezier(0.200, 0.200, 0.200, 0.200); transition:all 400ms cubic-bezier(0.200, 0.200, 0.200, 0.200); /* easeInCirc */ -webkit-transition-timing-function:cubic-bezier(0.200, 0.200, 0.200, 0.200); transition-timing-function:cubic-bezier(0.200, 0.200, 0.200, 0.200); /* easeInCirc */ } .responsive-menu.slidein{ left:0 } .responsive-menu header ul { list-style: none; padding-left: 0; } .responsive-menu header ul li { display: inline-block; } .responsive-menu header { padding: 0 30px; margin: 10px auto 0; } .responsive-menu header ul li:last-child { float: right; } .responsive-menu header ul li i { font-size: 15px; line-height: 28px; color: #555555; } .mobile-menu { display: block; list-style: none; text-align: center; padding-left: 0; background: #fff; } .mobile-menu li { margin: 0; display: block; padding: 0; } .mobile-menu li a { font-size: 11px; display: block; color: #555555; letter-spacing: 1px; background-color: #fff; padding: 14px 30px 14px; border-bottom: 1px solid #efefef; text-align: left; text-transform: uppercase; font-family: 'Lato', sans-serif; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .mobile-menu li:first-child > a { border-top: 1px solid #efefef; } .mobile-menu ul { display:none; width:100%; padding-left: 0; } .mobile-menu ul li a { background-color: #fbfbfb; font-size: 10px; padding-left: 60px; line-height: 16px; } .mobile-menu li.menu-item-has-children a {position:relative} .mobile-menu li.menu-item-has-children > a:after { color:#000; content:"\f107"; font-family:fontawesome; position: absolute; font-size: 14px; right: 30px; } .mobile-menu li ul li:first-child > a { border-top: 0; } .mobile-menu li a:hover { color: #d42626; } /*=============== Responsive Styles ===================*/ .responsive-header { display: none; } .responsive-header h1 { font-family: 'Lato', sans-serif; font-weight: bold; font-size: 40px; letter-spacing: 0.1em; margin: 0; } .responsive-header h1 span { letter-spacing: 0; } .responsive-header i { color: #7c7c7c; font-size: 24px; } .responsive-header ul { list-style: none; text-align: center; padding: 0; margin-top: 33px; } .responsive-header ul li { display: inline-block; } .responsive-header ul li:first-child { float: left; margin-top: 11px; margin-left: 20px; } .responsive-header ul li:last-child { float: right; margin-top: 11px; margin-right: 20px; } /*=============== Single Post Page ===================*/ .single-post { margin-top: 0px; margin-bottom: 0px; } .single-post .site-main img { -o-object-fit: cover; object-fit: cover; text-align: center; } .single-post .site-main{ padding-bottom:20px; } .single-post .entry-title { margin-top: 0px; margin-bottom: 12px; padding: 0; } .entry-title{ color: #333; font-size: 18px; font-weight: 700; font-family: 'Lato', sans-serif; letter-spacing: 0.8px; word-spacing:0; display: block; padding-top: 3px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .single-post .entry-header:last-child { margin-bottom: 0px; } .single-post .category { line-height: 24px; margin: 16px 0; text-transform: uppercase; font-size: 11px; font-family: 'Lato', sans-serif; } .single-post .entry-header p:last-child { line-height: 16px; font-size: 12px; font-family: 'Lato', sans-serif; margin-bottom: 48px; } .single-post .entry-content-single p { font-size: 14px; line-height: 24px; letter-spacing: -0.2px; } .single-post .entry-content-single p span { font-size: 36px; font-weight: bold; } .single-post .post-social { display: block; margin: 20px 0; } .post-social li{ list-style:none; display:inline-block; margin-right:10px; } .site-main .entry-content blockquote { border-left: none; } blockquote:before { color: #3d9fff; content: "\f10d"; font-family: fontawesome; font-size: 24px; display: block; text-align: center; margin: 50px 0 30px; } blockquote:after { color: #3d9fff; content: "\f10e"; font-family: fontawesome; font-size: 24px; display: block; text-align: center; margin: 30px 0 50px; } blockquote { font-size: 24px; text-align: center; font-family: 'Lato', sans-serif; color: #333; letter-spacing: 1px; } .entry-content-single img { height: 400px; width: 100%; -o-object-fit: cover; object-fit: cover; text-align: center; } .post-tags { margin-top: 35px; padding: 13px 0; } .post-tags p { line-height: 24px; text-transform: uppercase; font-size: 12px; font-weight: bold; letter-spacing: 1px; } .tags-links a { background-color: #3d9fff; padding: 10px 16px; color: #fff; text-transform: uppercase; font-size: 10px; letter-spacing: 1.4px; border-radius: 30px; transition: all .2s ease-in-out; margin-right: 8px; margin-bottom: 10px; } .writecomment{ float: right; font-weight: normal; } .writecomment a:hover { color: #3d9fff;} .widget-recommended-posts { padding-bottom: 34px; border-bottom: 1px solid #e5e5e5; } .widget-recommended-posts .category { text-align: center; margin: 42px 0 20px; } .widget-recommended-posts .category:before, .widget-recommended-posts .category:after { content: ' '; display: block; background-color: #000; height: 1px; width: 144px; margin: 0 auto ; } .recommended-posts { text-align: center; clear: both; } .recommended-post img { height: 170px; width: 170px; -o-object-fit: cover; object-fit: cover; } .recommended-post { width: 33%; display:block; float: left; text-align: center; margin-right: 18px; } .recommended-post:last-child { margin-right: 0; } .recommended-post h4 { font-size: 18px; } .recommended-post p { font-size: 10px; color: #727272; font-family: 'Lato', sans-serif; } .widget-post-about { border-bottom: 1px solid #e5e5e5; padding:0 20px 20px 20px; } .widget-post-about h3 { display: block; font-family: 'Lato', sans-serif; font-size: 20px; font-weight: bold; margin-top: 44px; } .widget-post-about h3:after { content: ' '; display: block; background-color: #000; height: 2px; width: 65px; margin: 8px 0 20px; text-align: left; } .post-about-content img { height: 100px; width: 100px; -o-object-fit: cover; object-fit: cover; text-align: center; float: left; margin: 0 30px 0 0; border-radius: 100%; } .widget-post-about .primary-button { float: left; margin: 30px 0; } .widget-post-about .post-social ul { float: left; margin: 30px 0; line-height: 35px; } .widget-post-about p { letter-spacing: -0.1px; line-height: 24px; } .widget-post-about p span { font-family: 'Lato', sans-serif; letter-spacing: -1px; } .single-post .video-post iframe { border: 0; height: 420px; width: 100%; margin: 2px 0; } .link-post img { opacity: 0.3; background-color: #000; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .link-post img:hover, .link-post img:active { opacity: 0.7; } .link-post { background-color: #000; position: relative; } .post-link { font-size: 2vw; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .post-link-responsive { display: none; font-size: 54px; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .post-link:hover, .post-link:active, .post-link-responsive:hover, .post-link-responsive:active { color: #fff; } .full-width .full-img { height: 480px; width: 100%; -o-object-fit: cover; object-fit: cover; text-align: center; margin-bottom: 24px; } .entry-content { clear:both; } .entry-content ol,.entry-content ul { margin-left: 30px; } .entry-content ul li { line-height: 24px; } .entry-content p a{color:#d42626;} .entry-content p a:hover{color: #b00404;} .full-width .entry-content { margin-left: 88px; margin-right: 88px; } .full-width .link-post { height: 480px; } .full-width .video-post iframe { height: 480px; } /*----------------Post-navigation------------*/ .post-navigation .post-nav-image{ height: 58px; width: 58px; background: #c1c1c1; -o-object-fit: cover; object-fit: cover; float: left; } .post-navigation .post-nav-text-title{ display:inline-block; color: #000; font-size: 13px; font-weight: 500; font-family: 'Lato', sans-serif; letter-spacing: 0.4px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .post-navigation .post-nav-text-title:hover { color: #3d9fff; } .post-navigation .post-nav-text{ font-size: 10px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 16px; color: #727272; margin-bottom: 20px; } .single .post-navigation{ width: 50%; margin: 0 auto; } .post-navigation .nav-next , .post-navigation .nav-previous { max-width:160px; } .post-navigation .prev-next { margin-top: 5px; } .post-navigation .prev-next a { font-weight: 400; text-transform: uppercase; font-size: 14px; color: #333; font-family: 'Lato', sans-serif; word-spacing: 1.8px; letter-spacing: 1.2px; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .post-navigation .prev-next a:hover { color: #3d9fff; } /*=============== About Page ===================*/ .about-entry-header h3 { font-size: 36px; text-align: center; display: block; } .about-entry-header h3:after { content: ' '; display: block; background-color: #000; height: 2px; width: 100px; margin: 20px auto; } .about-social { display: block; padding: 0; margin-top: 40px; margin-bottom: 40px; } .about-social ul { padding: 10px 0; text-align: center; margin: 10px 0; text-align: center; } .about-social ul i { color: #000; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .about-social ul i:hover { color: #a0a0a0; } .about-social ul li { display: inline-block; font-size: 18px; margin-right: 29px; } .about-social ul li:last-child { margin-right: 0; } .page-instagram { padding-bottom: 24px; } .instagram-photos { text-align: center; } .page-instagram img { height: 140px; width: 140px; -o-object-fit: cover; object-fit: cover; text-align: center; margin-right: 16px; } .page-instagram img:last-child { margin-right: 0; } .page-instagram .primary-button { margin: 20px 0 0; } .page-instagram h3 { display: block; font-family: 'Lato', sans-serif; font-size: 20px; font-weight: bold; margin-top: 54px; text-align: center; } .page-instagram h3:after { content: ' '; display: block; background-color: #000; height: 2px; width: 65px; margin: 18px auto; text-align: center; } /*=============== Contact Page ===================*/ .contact-form { text-align: center; margin-top: 30px; } .contact-form input[type="text"] { float: left; } .contact-form input[type="email"] { float: right; } .contact-form input[type="url"], .contact-form input[type="text"], .contact-form textarea[name="message"], .contact-form input[type="email"] { background-color: #fff; color: #5f5f5f; padding: 15px 4px 15px 10px; font-size: 14px; font-weight: 400; border: 1px solid #e5e5e5; width: 49%; display: inline-block; margin-bottom: 26px; } .contact-form input[type="url"] { width: 100%; } .contact-form textarea[name="message"] { width: 100%; height: 160px; margin-bottom: 20px; resize: vertical; } .contact-form input[type="url"]:focus, .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus { color: #5f5f5f; outline: none; } .contact-form input[type="submit"] { width: auto; background-color: #fff; color: #000; font-size: 14px; font-family: 'Lato', sans-serif; padding: 14px 40px; border: 1px solid #c6c6c6; margin: 0 auto 30px; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .contact-form input[type="submit"]:hover { color: #000; border: 1px solid #cccccc; } /*================ Widget =======================*/ .second-sidebar>.widget, .widget-area>.widget { padding: 40px 18px; margin-bottom: 16px; } /*=============== Category widget ===================*/ .cat-item span{font-style: normal;color: #777; float: right;} .cat-item a{ width: 100%; display: inline-block; line-height: 30px; font-size: 10px; font-family: 'Lato', sans-serif; font-weight: 600; letter-spacing: 0.8px; color: #3d9fff; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .cat-item a:hover { color: #444; } .cat-item { display: block; width: 100%; float: left; text-align: left; margin-bottom: 18px; padding: 0 20px; border-left: 2px solid #3d9fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); } .cat-item:nth-child(odd) { } .widget_categories ol, ul{padding:0;margin:0;} .widget select { width: 100%; } .widget-area li children li a{padding:0 20px;} .widget .children .cat-item a { color: #444; line-height: 22px; font-weight: 300; } .widget .children .cat-item { border:0; box-shadow:none; } .widget .cat-item > ul > li {padding:10px 0 10px 20px;} .widget .children .cat-item {background-color:transparent;} .widget .page_item:nth-child(odd) { } .widget .page_item { display: block; width: 100%; float: left; text-align: left; margin-bottom: 18px; padding: 0 20px; border-left: 2px solid #3d9fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); } .widget .page_item a{ width: 100%; display: inline-block; line-height: 30px; font-size: 10px; font-family: 'Lato', sans-serif; font-weight: 600; letter-spacing: 0.8px; color: #3d9fff; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .widget .page_item a:hover { color: #444; } .widget .children .page_item a { color: #444; line-height: 22px; font-weight: 300; } .widget .children .page_item { border:0; box-shadow:none; } /*=============== Archive widget ===================*/ .widget_archive span{font-style: normal;color: #777; float: right;} .widget_archive li { display: block; width: 100%; float: left; text-align: left; margin-bottom: 18px; padding: 0 20px; border-left: 2px solid #3d9fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); line-height: 30px; font-size: 10px; font-family: 'Lato', sans-serif; font-weight: 600; letter-spacing: 0.8px; color: #777; } .widget_archive li{text-align: right;} .widget_archive li a{ float:left; color: #3d9fff; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .widget_archive ul li a:hover { color: #444; } .widget_archive li:nth-child(odd) { } .widget_archive ol, ul{padding:0;margin:0;} /*=============== RECENT POSTS Wp default widget ===================*/ .widget_recent_entries span{font-style: normal;color: #777; float: right;} .widget_recent_entries li { display: block; width: 100%; float: left; text-align: left; margin-bottom: 18px; padding: 0 20px; border-left: 2px solid #3d9fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); line-height: 30px; font-size: 10px; font-family: 'Lato', sans-serif; font-weight: 600; letter-spacing: 0.8px; color: #777; } .widget_recent_entries li a{ float:left; color: #3d9fff; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .widget_recent_entries ul li a:hover { color: #444; } .widget_recent_entries li:nth-child(odd) { } .widget_recent_entries ol, ul{padding:0;margin:0;} /*=============== featured post ==========*/ .widget_select_posts_widget_featured{ padding: 30px 30px!important; text-align:center; } .widget_select_posts_widget_featured .widin .singlewidgettitle a{ font-size: 24px; font-weight: 700; letter-spacing: 0.8px; line-height: 32px; color: #fff; } .widget_select_posts_widget_featured .widget-title:after { content: ' '; display: block; text-align: left; height: 1px; margin: 19px auto; background-color: #fff; width: 30px; } .widget_select_posts_widget_featured .widin .singlewidgettext p { margin: 16px auto 37px; width: 70%; color: #fff; letter-spacing: 0.2px; font-size: 14px; line-height: 22px; } .widget_select_posts_widget_featured { background-image: linear-gradient(135deg, #5fafff 0%, #3d9fff 100%); text-align: center; padding: 30px 30px; } .widget_select_posts_widget_featured .widin { padding:0; border-bottom: 0px; } .widget_select_posts_widget_featured .widget-title , .widget_select_posts_widget_featured .singlewidgettitle a , .widget_select_posts_widget_featured .singlewidgettext p, .widget_select_posts_widget_featured .recent-post-comments, .widget_select_posts_widget_featured .posted-on a, .widget_select_posts_widget_featured .widget-time {color: #fff;} .widget_select_posts_widget_featured .recent-post-comments:before { content: url(../images/white-comment.png); margin-right: 5px; } .widget_select_posts_widget_featured .widget-time:before { content: url(../images/white-calendar.png); margin-right: 2px; } /*=============== Recent Comments widget ===================*/ .widget_recent_comments span{Color:#8c8c8c;text-transform:capitalize;} .widget_recent_comments li { display: block; width: 100%; float: left; text-align: left; margin-bottom: 18px; padding: 0 20px; border-left: 2px solid #3d9fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); } .widget_recent_comments a{ width: 100%; display: inline-block; line-height: 30px; font-size: 10px; font-family: 'Lato', sans-serif; font-weight: 600; letter-spacing: 0.8px; color: #3d9fff; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .widget_recent_comments ul li a:hover { color: #444; } .widget_recent_comments li:nth-child(odd) { } .widget_recent_comments ol, ul{padding:0;margin:0;} /*===================Search widget ==============*/ .widget_search input[type="text"]{ width: 100%; text-align: center; border: 1px solid #eee; font-family: 'Lato', sans-serif; font-size: 12px; letter-spacing: 0.6px; font-weight: 300; padding: 14px 20px; } /*=============== Meta widget ===================*/ .widget_meta a{ width: 100%; display: inline-block; line-height: 30px; font-size: 10px; font-family: 'Lato', sans-serif; font-weight: 600; letter-spacing: 0.8px; color: #3d9fff; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .widget_meta a:hover { color: #444; } .widget_meta span{float:right;} .widget_meta li { display: block; width: 100%; float: left; text-align: left; margin-bottom: 18px; padding: 0 20px; border-left: 2px solid #3d9fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); } .widget_meta li:nth-child(odd) { } .widget_meta ol, ul{padding:0;margin:0;} /*=============== Menu widget ===================*/ .widget_meta span{float:right;} .widget_nav_menu li { display: block; width: 100%; float: left; text-align: left; margin-bottom: 18px; padding: 0 20px; border-left: 2px solid #3d9fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); } .widget_nav_menu li a{ line-height: 30px; font-size: 10px; font-family: 'Lato', sans-serif; font-weight: 300; letter-spacing: 0.8px; color: #444; text-transform: uppercase; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .widget_nav_menu li:nth-child(odd) { } .widget_nav_menu ol, ul{ padding:0;margin:0; } .widget_nav_menu li .sub-menu li{ padding: 14px 0 0 0; word-break: break-word; border:0; box-shadow:none; } .widget_nav_menu li:nth-child(odd) { text-align: left; } .widget_nav_menu li > ul, li > ol { margin-left: .5em; } .widget_nav_menu .sub-menu li:before { content: "\00BB"; padding: 0 5px; } /*=============== About us widget ===================*/ .about-widget .readmorebuttoninner{width:148px;} .about-widget{text-align: center;} .about-widget-header { position: relative; } .about-widget img{ width: 130px; -o-object-fit: cover; object-fit: cover; text-align: center; display: block; text-align: center; margin: 0 auto; } .about-widget .profile-name { line-height: inherit; text-align: center; color: #333; font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 700; text-align: center; display: inline-block; letter-spacing: 1px; padding: 6px 14px; } .about-widget .primary-button{ margin: 22px auto 10px;} .about-widget p{ color: #555555; text-align: center; width: 90%; font-weight: 400; font-size: 13px; word-spacing: 2px; letter-spacing: 0.2px; line-height: 23px; font-family: 'Lato', sans-serif; z-index: 1111; margin: 40px auto 10px; } .about-widget ul{ display: block; padding: 0; text-align: center; margin: 30px 0;} .about-widget li { display: inline-block; margin: 0 10px;} .about-widget li .fa{font-size:16px;} /*=============== Tagcloud widget ===================*/ .tagcloud a { display: inline-block; background-color: #3d9fff; color: #fff; line-height: 25px; font-size: 10px!important; padding: 0 8px; font-family: 'Lato', sans-serif; font-weight: 600; letter-spacing: 0.8px; text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; margin-bottom: 14px; margin-right: 10px; } /*=============== Random,Popular and Recent post widget ===================*/ .widin .comments-link a { font-weight: 100!important; } .widin { overflow: hidden; width: 100%; height: 72px; display: table; padding: 21px 0; border-bottom: 1px solid #eee; } .widget-time:before { content: url(../images/calendar.png); margin-right: 2px; } .widget-thumb-post { float: none; margin-right: 0; } .widget-thumb-post img { height: 160px; width: 100%; -o-object-fit: cover; object-fit: cover; margin-top: 1px; float: none; } .text-widget-info { overflow: hidden; line-height: normal; } .singlewidgettitle { margin: 14px 0 12px; } .widin .singlewidgettitle a { font-size: 13px; line-height: 22px; letter-spacing: 0.6px; font-weight: 700; text-align: left; font-family: 'Lato', sans-serif; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .widin .singlewidgettext{ margin: 7px 0 2px 0; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 18px; color: #555555; } .widin .comments-link a{ font-size: 12px; color: #818181; position: relative; } /*=============== Rss Widget ===================*/ .widget_rss .rssSummary { padding: 12px 20px; } .widget_rss a { font-weight: 600; } .widget_rss li { padding: 20px 0; list-style: none; border-bottom: 1px solid #dddddd; } /*=============== pagination style ===================*/ .paging-navigation { clear: both; text-align:center; font-size: 24px; padding: 0; margin:20px 0; } /* Remove bullets and list indentation */ .paging-navigation ul { list-style-type: none; margin: 0; padding: 0; padding: 0px; } /* Make the list items appear horizontally */ .paging-navigation li { line-height:4; margin-right: 22px; display: inline; font-weight: normal; color: #3d9fff; } .paging-navigation li:last-child { margin-right: 0px; } .paging-navigation li a:not(.prev):not(.next){ width: 36px; height: 36px; background-color: #fff; display: inline-block; text-align: center; line-height: 36px; border: 1px solid #eaeaea; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .paging-navigation .current a{ color: #3d9fff;} .paging-navigation a { color: #333;} .paging-navigation a ,.paging-navigation .current{ font-size: 12px; font-family: 'Lato', sans-serif; font-weight: 400; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* Give each link and the current item some padding to make them easy to click */ a.page-numbers, span.page-numbers { padding: 0; } /* Link hover state */ a:hover.page-numbers:not(.prev):not(.next) { background-color: #f8f8f8; color: #3d9fff; } /* Current page dark */ .paging-navigation .current { width: 36px; height: 36px; display: inline-block; text-align: center; line-height: 36px; border: 1px solid #eaeaea; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-color: #f8f8f8; } .paging-navigation li a.prev.page-numbers,.paging-navigation li a.next.page-numbers{ border:0px!important; } .fa-angle-double-left:hover, .fa-angle-double-right:hover { color: #3d9fff; } .fa-angle-double-left, .fa-angle-double-right { color: #bebebe; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-size: 14px!important; } .content-area-full-width { width: 100%; } .container{ max-width: 1080px; } #totop { position: fixed; right: 30px; bottom: 30px; display: none; outline: none; width:34px; height:34px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{vertical-align: middle;} button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 9px 20px; font-size: 12px; vertical-align: middle; background: black; color: white; } .sticky-tagged{background: black; display: inline-block; padding: 1px 21px 1px 21px; text-align: center; color: white; margin-bottom: 10px; } /*----------Lists---------------*/ ol { list-style: decimal; } ul { list-style: disc;} /*=============== Main Slider ===================*/ .slider .nosliderimage { min-height: 490px; } .emptyslider{ min-height: 490px; } .slider .slider-post img { height: 600px; width: 100%; opacity: 0.9; -o-object-fit: cover; object-fit: cover; text-align: center; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(1); transform: scale(1); } .slider .slider-post { margin-top: 22px; margin-bottom: 30px; height: 600px; width: 100%; background-color: #000; overflow: hidden; } .slider .slider-post:hover img { -webkit-transform: scale(1.04); transform: scale(1.04); opacity: 1; } .slider .slider-post-text { position: absolute; top: 52%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; padding: 28px 44px; z-index: 1111; border-top: 3px solid #3d9fff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06); min-width: 285px; } .slider .slider-post-text h3 { margin-top: 4px; margin-bottom: 12px; } .slider .slider-post-text h3 a { color: #000; font-size: 16px; font-weight: 500; font-family: 'Lato', sans-serif; text-align: center; letter-spacing: 1px; word-spacing: 2px; display: inline-block; text-transform: uppercase; margin: 0; padding: 2px 10px; } .slider .slider-post-text .cat-links a{ text-align: center; font-size: 11px; letter-spacing: 0.8px; font-weight: 400; color: #3d9fff; text-transform: uppercase; font-family: 'Lato', serif; margin-bottom: 1px; } .slider .slider-post-text span { margin-bottom: 6px; color: #555555; position: relative; font-family: 'Lato', serif; font-size: 10px; text-align: center; display: block; font-weight: 400; letter-spacing: 0.8px; } .slider-nav { z-index: 1111; } .slider-prev { color: #fff; font-size: 48px; position: absolute; top: 49.2%; left: 3.5%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 0; z-index: 1111; background-color: transparent; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; padding: 20px; } .slider-next { color: #fff; font-size: 48px; position: absolute; top: 49.2%; left: 96.5%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 0; z-index: 1111; background-color: transparent; cursor: pointer; padding: 20px; } .owl-theme .slider-dots { position: absolute; top: 88%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: transparent; display: inline-block; } .owl-theme .slider-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .slider-dots .slider-dot { display: inline-block; } .owl-theme .slider-dots .slider-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #b4b4b4; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .slider-dots .slider-dot.active span, .owl-theme .slider-dots .slider-dot:hover span { background: #fff; } .multisliderout .slider .video-post iframe { border: 0; height: 600px; width: 100%; } /*=============== Small Featured Boxes ===================*/ .featured-post img { height: 280px; width: 100%; opacity: 0.9; -o-object-fit: cover; object-fit: cover; text-align: center; margin-bottom: 60px; } .featured-post { height: 280px; background-color: #000; margin-bottom: 80px; } .f-post-title { position: absolute; top: 74%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9999; text-align: center; background-color: #fff; border-top: 3px solid #3d9fff; -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06); -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06); padding: 8px 0; width: 70%; } .featured-post span { color: #555555; font-family: 'Lato', serif; font-size: 10px; text-align: center; font-weight: 400; display: block; letter-spacing: 1px; margin-bottom: 20px; } .featured-post h3 a { text-align: center; display: inline-block; color: #000; font-size: 14px; font-weight: 400; font-family: 'Lato', sans-serif; letter-spacing: 2.2px; word-spacing: 4px; text-transform: uppercase; } .featured-post .video-post iframe { border: 0; min-height:200px; height: auto; width: 100%; } .multisliderout{text-align:center;} /* Woo commerce product grid */ .gridtwo:nth-child(2n+1){clear:both;} .gridtwo{width:48%;float: left;margin:1%;} .gridthree:nth-child(3n+4){clear:both;} .gridthree{width:31%;float: left;margin:1%;} .gridfour:nth-child(4n+1){clear:both;} .gridfour{width:23%;float: left;margin:1%;} /* owl carousle large*/ .multisliderout section { float:none; } .slider-carousel{ position:relative; overflow:hidden; display:block; margin: 25px 0; } .slider-carousel .slider-post img{ height: 490px; object-fit: cover; } .slider-carousel a{ color:white;} .slider-carousel span{ color:white;} .slider-text-carousel { position:absolute; bottom:5%; left: 50%; width:100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -0); padding: 15px 20px; position: absolute; bottom:0%; background-color: rgba(0, 0, 0, 0.4); z-index: 1111; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06); width: 100%; } .slider-carousel .slider-nav { z-index: 1111; } .slider-carousel .slider-prev { color: #fff; font-size: 48px; position: absolute; top: 49.2%; left: 3.5%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 0; z-index: 1111; background-color: transparent; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; padding: 20px; } .slider-carousel .slider-next { color: #fff; font-size: 48px; position: absolute; top: 49.2%; left: 96.5%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 0; z-index: 1111; background-color: transparent; cursor: pointer; padding: 20px; } .owl-theme .slider-dots { position: absolute; top: 88%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: transparent; display: inline-block; } .owl-theme .slider-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .slider-dots .slider-dot { display: inline-block; } .owl-theme .slider-dots .slider-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #b4b4b4; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .slider-dots .slider-dot.active span, .owl-theme .slider-dots .slider-dot:hover span { background: #fff; } /* owl carousle slider-carousel-half*/ .multisliderout section { float:none; } .slider-carousel-half{ position:relative; overflow:hidden; display:block; margin: 25px 0; } .slider-carousel-half .slider-post img{ height: 490px; object-fit: cover; } .slider-carousel-half a{ color:white;} .slider-carousel-half span{ color:white;} .slider-text-carousel { position:absolute; bottom:5%; left: 50%; width:100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -0); padding: 15px 20px; position: absolute; bottom:0%; background-color: rgba(0, 0, 0, 0.4); z-index: 1111; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06); width: 100%; } .slider-carousel-half .slider-nav { z-index: 1111; } .slider-carousel-half .slider-prev { color: #fff; font-size: 48px; position: absolute; top: 49.2%; left: 3.5%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 0; z-index: 1111; background-color: transparent; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; padding: 20px; } .slider-carousel-half .slider-next { color: #fff; font-size: 48px; position: absolute; top: 49.2%; left: 96.5%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); line-height: 0; z-index: 1111; background-color: transparent; cursor: pointer; padding: 20px; } .owl-theme .slider-dots { position: absolute; top: 88%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: transparent; display: inline-block; } .owl-theme .slider-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .slider-dots .slider-dot { display: inline-block; } .owl-theme .slider-dots .slider-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #b4b4b4; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .slider-dots .slider-dot.active span, .owl-theme .slider-dots .slider-dot:hover span { background: #fff; } /* Gutenberg */ /* Unconstrained main column */ .single-post .entry-content > *:not( .alignwide ):not( .alignfull ) , .page .entry-content > *:not( .alignwide ):not( .alignfull ) { max-width: 50%; margin-left: auto; margin-right: auto; } .alignfull { text-align: center; width: 100%; } .alignfull img { width: 100%; } .alignwide { max-width: 75%; margin-left: auto; margin-right: auto; } .alignleft img { display: block; float: left; margin-right: 2em; } .alignright,.alignleft { display: block; float: none; } .wp-block-image.is-resized{ width: 100%; } .alignright img { display: block; float: right; margin-left: 2em; } .alignright figcaption, .alignleft figcaption { font-size: 75%; color: gray; width: 60%; margin-bottom: 1em; } .alignleft figcaption { float: left; clear: left; margin-right: 2em; } .alignright figcaption { float: right; clear: right; margin-left: 2em; }