/* Theme Name: caelum Theme URI: http://caelum.radiuzz.com Author: Radiuzz.com Author URI: http://www.radiuzz.com Description: A Stylish WordPress Blog Theme Version: 1.1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: caelum Tags: one-column, two-columns, right-sidebar, entertainment, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, photography, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, portfolio */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block} body{line-height:1} ol, ul{list-style:none} blockquote, q{quotes:none} blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none; } table{ border-collapse:collapse; border-spacing:0; } /*=============== 2.0 General Styling ===================*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body{ letter-spacing:0; position:relative; font-family: 'Crimson Text', sans-serif; background: #fff; } body *{outline:none!important} h1, h2, h3, h4, h5, h6{ color:#212121; font-family: 'dosis', serif; } p{ font-family: 'Crimson Text', sans-serif; color:#212121; line-height:23px; margin-bottom:20px; font-weight: 400; font-size: 16px; letter-spacing: 0.05em; } a{ color:inherit; text-decoration: none; } a:hover, a:focus{ color:#53ae91; outline:none; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ebebeb; } strong { font-weight: 700; margin:0 0 20px; } address { font-style: italic; font-size: 13px; margin: 0 0 20px; line-height: 23px; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; } code { background-color: #eee; padding: 4px 8px; } ins { background: #eee; padding:3px 5px; text-decoration: none; } pre { border: 1px solid #ebebeb; font-size: 14px; line-height: 2; margin: 0 0 30px; max-width: 100%; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } embed, iframe, object, video { margin-bottom: 30px; max-width: 100%; vertical-align: middle; } p > embed, p > iframe, p > object, p > video { margin-bottom: 0; } dl { margin: 0 0 20px; } dt { font-style: italic; font-weight: 500; margin: 0 0 10px; } dd { margin: 0 0 20px; font-size: 13px; line-height:23px; } dt a, dd a { color:#53ae91; } del { opacity: 0.8 } table, th, td { border: 1px solid #ebebeb; font-size: 13px; vertical-align: middle; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 400; } th a { color:#53ae91; } td { border-width: 0 1px 1px 0; } th, td { padding: 10px; } .wrapper{ float:left; overflow:hidden; position:relative; width:100%; } .section{ float:left; position:relative; width:100%; } .block{ float:left; width:100%; padding:65px 0; position:relative; } .block.less-space{padding:45px 0} .block .container{padding:0;width:1080px} .container{padding:0;width:1080px} .block.remove-gap{padding-top:0} .block.no-padding{ padding-top:0; padding-bottom:0; } .block.remove-bottom{padding-bottom:0} iframe{ width:100%; border:0; } .parallax,.fixed-bg{ background-size:cover!important; height:100%; width:100%; margin:0; position:absolute; left:0; top:0; z-index:-1; } .fixed-bg{ background-attachment:fixed !important; background-size:cover!important; } .parallax.still{background-position:0 0 !important} iframe{ border:0; width:100%; float:left; } img{ vertical-align: middle; max-width:100%; height: auto; } /*=============== 3.0 Cross Browser Compatibility ===================*/ a, .slide-title, .owl-nav, .owl-nav > div, .post-img-text, .null-instagram-feed img, button, .wpcf7-submit, input[type=submit], nav ul ul, .wrapper:before, .sidemenu ~ div{ -webkit-transition:all 0.25s linear; -moz-transition:all 0.25s linear; -ms-transition:all 0.25s linear; -o-transition:all 0.25s linear; transition:all 0.25s linear; } .owl-nav > div, .show-more > a, .post-author > img, .comment > img{ -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; } /*=============== 4.0 Header ===================*/ header{ float:left; position:relative; width:100%; z-index:10; } .logobar{ display:table; float:left; padding:0 90px; width:100%; } .sidemenu-btn{ display:table-cell; font-size:24px; min-width:20px; vertical-align:middle; } header .logo{ display:table-cell; padding-top:40px; padding-bottom:40px; padding-left:180px; text-align:center; vertical-align:middle; width:100%; } header .logo img{float:none} .additional-acts{ display:table-cell; min-width:200px; vertical-align:middle; } p.site-description { color: #ABABAB; font-style: italic; letter-spacing: 0.1em; margin-top: 10px; } .sharer { display: table-cell; font-size: 14px; width: 20px; vertical-align: middle; left: 7px; position: relative; } .sharer .share-triger { position: relative; top: -2px; } .share-blog { left: 8%; padding: 10px 30px; list-style: none; margin: 0; min-width: 230px; opacity: 0; position: absolute; text-align: left; top: 10%; -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease; transition: opacity 0.2s ease, -webkit-transform 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease; visibility: hidden; z-index: 100; } .sharer:hover .share-blog { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); visibility: visible; } .share-blog li { font-size: 16px; padding: 5px 0px; font-family: "Crimson Text", serif; } .share-blog li i { margin-right: 11px; } .top-search{ position: relative; display: inline-block; margin: 22px 0px; left: 95px; } .open-search{ color: #1e1e1e; float: left; font-size: 15px; height: 30px; line-height: 30px; text-align: right; width: 100%; } .open-search i{ float:right; line-height:30px; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -o-transform:rotate(270deg); transform:rotate(270deg); } .top-search form{ background:#fff; margin-right:-1px; opacity:0; position:absolute; right:-20px; top:-5px; transition:all 0.5s ease 0s; visibility:hidden; width:30px; } .top-search.active form{ opacity:1; visibility:visible; width:280px; } .top-search form input{ border: 1px solid #e5e5e5; float: left; font-size: 16px; font-style: italic; font-weight: 500; height: 58px; margin: 0; letter-spacing: 0.3px; padding: 10px 40px 10px 20px; width: 100%; top: -8px; position: relative; } .top-search form button{ background:none; border:0 none; color:#353535; width:40px; height:40px; padding: 0; margin: 0; font-size:15px; line-height:40px; position:absolute; right:0; } .top-search form button i{ float:left; -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -o-transform:rotate(270deg); transform:rotate(270deg); } .socials{float:right} .socials > a{ float: left; line-height: 30px; width: 30px; } nav{ background:#FFF; border-bottom:1px solid #ececec; border-top:1px solid #ececec; float:left; text-align:center; width:100%; } nav > ul{ display:inline-block; text-align:left; position:relative; } nav > ul > li{ color:#212121; display:inline-block; font-family: 'dosis', sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.125em; text-transform: uppercase; } nav > ul > li > a{ float:left; padding:30px 25px; } .nav-height{ float:left; width:100%; } nav.sticky{ position:fixed; left:0; top:0; width:100%; } /*=============== 5.0 Dropdown ===================*/ nav ul ul{ background:#ffffff; border:1px solid #ebebeb; list-style:outside none none; margin:0; min-width:230px; opacity:0; position:absolute; top:100%; visibility:hidden; padding: 15px 0; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05); } nav li:hover > ul{ opacity:1; visibility:visible; } nav ul ul li{ color: #212121; display: table; font-size: 16px; letter-spacing: 0.8px; line-height: 18px; padding: 0 20px; position: relative; text-align: left; text-transform: none; font-family: "Crimson Text", serif; width: 100%; font-weight: 400; } nav ul ul li a{ padding:10px 0; float:left; width:100%; } nav ul ul ul{ left:100%; top:0; } nav ul ul li:first-child a{border:0} /*=============== 6.0 Sidemenu ===================*/ .sidemenu{ background:#fff; height:100%; padding:45px 30px !important; width:290px !important; z-index:9999; position:fixed; left:-290px; top:0; -webkit-transition:all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000); -moz-transition:all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000); -o-transition:all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000); transition:all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */ -webkit-transition-timing-function:cubic-bezier(0.230, 1.000, 0.320, 1.000); -moz-transition-timing-function:cubic-bezier(0.230, 1.000, 0.320, 1.000); -o-transition-timing-function:cubic-bezier(0.230, 1.000, 0.320, 1.000); transition-timing-function:cubic-bezier(0.230, 1.000, 0.320, 1.000); /* easeOutQuint */ } .sidemenu.slidein{left:0} .close-menu{ color:#222; float:right; font-size:30px; height:30px; width:30px; } .sidemenu ul{ float:left; margin-top:30px; width:100%; } .sidemenu ul li{ color: #212121; float: left; letter-spacing: 0.8px; line-height: 20px; text-transform: uppercase; width: 100%; font-family: 'dosis', sans-serif; font-size: 14px; font-weight: 500; } .sidemenu ul li:last-child{border:0} .sidemenu ul li a{ float:left; padding:10px; width:100%; } .sidemenu ul ul{ display:none; margin:0 0 30px; padding:0 15px; } .sidemenu ul li.menu-item-has-children > a {position: relative;width:100%;} .sidemenu ul li.menu-item-has-children > a::after{ content:"\f107"; font-family:fontawesome; font-size:15px; position:absolute; right:0; } .wrapper:before{ background:#000; content:""; height:100%; width:100%; opacity:0; visibility:hidden; z-index:11; position:fixed; left:0; top:0; } .wrapper.stop:before{ visibility:visible; opacity:0.5; } .sidemenu:hover ~ div{opacity:1!important} /*=============== 7.0 caelum Slider ===================*/ .caelum-slider{ float:left; position:relative; width:100%; } .caelum-slide{ float:left; position:relative; width:100%; } .slide-title{ left:50%; padding:25px 50px; opacity:0; position:absolute; text-align:center; top:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); } .active .slide-title{ opacity:1; transition:all 1s ease 1s; } .slide-title:before{ background:#ffffff; content:""; height:100%; width:100%; z-index:-1; position:absolute; left:0; top:0; } .cat{ display: inline-block; font-size: 12px; font-weight: 400; letter-spacing: 1.5px; margin: 0 40px 15px; padding: 0 15px; position: relative; text-transform: uppercase; font-family: 'dosis', serif; } .slide-title h2{ color: #212121; display: table; font-size: 28px; letter-spacing: 3px; text-transform: uppercase; font-weight: 300; margin-bottom: 20px; width: 100%; } .caelum-slide > img{width:100%} .caelum-slide .post-date { display:table; margin-bottom:0; margin-top:-5px; width:100%; color:#b4b4b4; font-size:10px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:0 10px; } .meta{ display:table; margin-bottom:30px; margin-top:-5px; width:100%; } .caelum-slide .meta { font-size: 16px; font-family: "Crimson Text", serif; font-style: italic; font-weight: 400; text-transform: none !important; letter-spacing: 0.8px; margin-top: 30px; } .meta > li{ color:#212121; display:inline-block; font-size:18px; letter-spacing:1px; position:relative; padding:0 10px; } .caelum-post.s2 .meta li { font-size: 16px; letter-spacing: 0.8px; font-style: italic; font-family: "Crimson Text", serif; } .meta > li:before{ background: #eabe91; content: ""; height: 5px; width: 5px; margin-top: -1px; position: absolute; right: -3px; top: 7px; border-radius: 50%; } .meta > li:last-child:before{display:none} .owl-nav{ height:0; padding:0 60px; width:100%; opacity:0; position:absolute; left:0; top:50%; } .container .owl-nav{padding:0 20px} .owl-carousel:hover .owl-nav{opacity:1} .owl-nav > div{ background:rrgb(255, 255, 255); color:transparent; float:left; height:50px; margin-top:-25px; position:relative; width:50px; opacity:0.5; } .owl-nav > div:hover{opacity:1} .owl-nav > div.owl-next{float:right} .owl-nav > div:before{ color:#000; content:"\f104"; font-family:fontawesome; font-size:25px; height:100%; left:0; line-height:48px; position:absolute; text-align:center; top:0; width:100%; } .owl-nav > div.owl-next:before{content:"\f105"} /*=============== 8.0 caelum Blog ===================*/ .main-content{ width:780px; padding:0 15px; } .main-content.fullwidth {width: 100%;} .caelum-blog{ float:left; width:100%; margin-bottom:-55px; } .caelum-post{ float:left; width:100%; margin-bottom:65px; text-align:center; } .post-title{ float:left; font-size:30px; line-height:1.3; margin-bottom:10px; width:100%; } .post-media{ float:left; margin-bottom:20px; width:100%; position:relative; text-align:left; } .read-more {text-align: center;} .post-password-required .read-more {display: none;} .btn{ background:#53ae91; color:#fff; display:inline-block; font-size:10px; font-weight:600; letter-spacing:1px; padding:14px 32px 13px; text-transform:uppercase; margin-top:15px; } .btn:hover{ color:#FFF; background:#222; } .post-bottom{ border-bottom:1px solid #ebebeb; float:left; margin-top:35px; padding-bottom:15px; width:100%; } .post-bottom .socials a{ font-size:16px; height:auto; line-height:unset; } .comment-count{ color:#212121; float:left; font-size:10px; font-weight:600; letter-spacing:1px; text-transform:uppercase; } .masonary{ float:left; width:100%; } .caelum-blog .row{margin:0 -20px} .caelum-blog .row .col-md-6, .caelum-blog .row .col-md-12{padding:0 20px} .caelum-post.s2{ margin-bottom:45px; border: 1px solid #e6e6e6; } .caelum-post.s2 .post-title{ font-size: 24px; margin-bottom: 10px; font-weight: 300; letter-spacing: 2px; } .caelum-post.s2 .post-media{margin-bottom:20px;} .caelum-post.s2 .post-media img {width: 100%;height: auto;} .caelum-post.s2 .meta{margin-bottom:10px} .caelum-post.s2 > p{ margin: 0; text-align: left; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; padding: 20px; } .post-media.hov:before{ background:black; content:""; height:100%; width:100%; opacity:0.55; z-index:1; position:absolute; left:0; top:0; } .post-media.hov { overflow: hidden; z-index: 1; } .post-img-text{ padding:0 30px; text-align:center; width:100%; z-index:2; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .post-img-text strong{ color:#fff; float:left; font-family: 'dosis', serif; font-size:15px; font-weight:600; margin-bottom:12px; width:100%; } .post-img-text > p{ color:#fff; float:left; font-size:15px; margin:0; text-align:center; width:100%; } .post-img-text > p span{ float:left; width:100%; } .caelum-post.s3{margin-bottom:45px} .caelum-post.s3 .post-img{margin-bottom:20px} .post-img.hov > img { float: left; width: 100%; z-index: -1; -webkit-filter: blur(2px); filter: blur(2px); } .post-exts{ float:left; width:100%; } .social-link{ color:#b4b4b4; float:left; font-family: 'Crimson Text', sans-serif; font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; } .social-link i{font-size:13px} .other-links{float:right} .other-links > a{ color:#2b2735; float:left; font-size:13px; margin-left:12px; } /** 8.1 Load More **/ .show-more{ float:left; margin-top:100px; text-align:center; width:100%; } .show-more > a{ border:1px solid #e7e7e7; color:#000; display:inline-block; font-size:20px; height:85px; line-height:83px; width:85px; } .show-more > a:hover{ -webkit-box-shadow: 0 0 11px #f0f0ff; -moz-box-shadow: 0 0 11px #f0f0ff; -ms-box-shadow: 0 0 11px #f0f0ff; -o-box-shadow: 0 0 11px #f0f0ff; box-shadow: 0 0 11px #f0f0ff; } .show-more > span{ float:left; font-family: 'Crimson Text', sans-serif; font-size:12px; font-weight:600; letter-spacing:1px; margin-top:28px; text-transform:uppercase; width:100%; } /*=============== 9.0 Sidebar ===================*/ .sidebar{ width:330px; } .sidebar.pull-right { padding-left:45px; padding-right:15px; } .sidebar.pull-left { padding-left:15px; padding-right:45px; } .widget{ float: left; width: 100%; margin-bottom: 45px; padding: 20px 18px; border: 1px solid #eaeaea; } .widget-title { float: left; margin-bottom: 20px; margin-top: -10px; text-align: center; width: 100%; } .widget-title h4{ display: inline-block; font-family: 'dosis', sans-serif; font-size: 16px; line-height: 18px; font-weight: 500; letter-spacing: 1.75px; margin: 15px; padding: 0 15px; position: relative; text-transform: uppercase; } .widget-title h4:before, .widget-title h4:after{ background:#e7e7e7; content:""; height:1px; width:40px; position:absolute; left:-40px; top:50%; } .widget-title h4:after{ left:auto; right:-40px; } .widget p { font-size: 16px; letter-spacing: 0.8px; line-height: 23px; font-weight: 400; } /* Widget Listing */ .widget > ul{ float:left; margin-bottom:-12px; margin-top:-12px; width:100%; } .widget li{ border-bottom:1px solid #ebebeb; color:#353535; float:left; font-size: 14px; padding: 12px 0; width: 100%; letter-spacing: 0.8px; } .widget li span{ color:#b4b4b4; } .widget > ul li:last-child{border:0 none} /* Widget: Calendar */ .widget_calendar caption { text-align: center; width: 100%; margin-bottom:10px; } /* Widget: Search */ .widget_search form { float: left; width: 100%; } .widget_search form input { background:#f6f6f6; border:1px solid #eaeaea; color:#9f9f9f; float:left; font-family: 'Crimson Text', sans-serif; font-size:12px; padding:12px 16px; width:100%; margin-bottom:0; } .widget_search form .button {display: none;} /* Widget: Tag Cloud */ .tagcloud a { border: 1px solid #e4e4e4; float: left; font-size: 8px; letter-spacing: 1px; font-weight: 600; margin:5px 10px 5px 0; padding:6px 8px; text-transform: uppercase; } /* Widget: Recent Posts & Recent Comments */ .widget_recent_entries li, .widget_recent_comments li {line-height: 1.4;} /* Widget : Categories,Archive & Pages */ .widget_archive span, .widget_categories span {float:right;} .widget_categories span:before {content:'(';} .widget_categories span:after {content:')';} .widget_categories ul ul li:last-child,.widget_pages ul ul li:last-child{padding-bottom:0;} /* Widget: RSS */ .widget_rss {line-height: 1.6;} .widget_rss ul li {} .widget_rss ul li a.rsswidget { font-weight: 700; font-size: 16px; width: 100%; float:left; } .widget_rss ul li span { width: 100%; float:left; } .widget_rss cite {color:#b4b4b4;} /* Widget : Nav Menu */ .widget_nav_menu ul{ float:left; list-style:outside none none; margin:0; width:100%; } .widget_nav_menu ul li{ float:left; width:100%; } .widget_nav_menu ul li a{ float:left; width:100%; } .widget_nav_menu ul ul{ display:none; padding:0 0 0 15px; width:100%; } .widget_nav_menu ul li.menu-item-has-children > a {position: relative;width:100%;} .widget_nav_menu ul li.menu-item-has-children > a::after{ content:"\f107"; font-family:fontawesome; font-size:15px; position:absolute; right:0; } /* Widget : Nav Menu */ .widget_nav_menu ul li:last-child{border:0;padding-bottom:0;margin-bottom:0;} /* Custom Widget : Popular Posts */ .widget ul.posts-widget li { list-style-type:none; margin-left:0; } .widget ul.posts-widget li:last-child { margin-bottom:0; } .widget ul.posts-widget li { overflow:hidden; } .widget ul.posts-widget li .post-image { float:left; margin-right:14px; } .widget ul.posts-widget li .post-image img { width:80px; height:auto; } .widget ul.posts-widget li .post-text { overflow:hidden; vertical-align: middle; } .widget ul.posts-widget li .post-text h4 a { margin-bottom: 3px; margin-top: 0px; display: block; font-size: 14px; line-height: 1.3; font-weight: 400; } .widget ul.posts-widget li .post-text .post-date { font-size: 11px; } /* Custom Widget: About Author */ .about-widget{ float:left; text-align:center; width:100%; } .about-widget > img{ margin-bottom:20px; width:100%; } .about-widget h3{ float:left; font-size:18px; margin-bottom:13px; width:100%; } .about-widget > p { float: left; line-height: 20px; margin-bottom: 10px; width: 100%; } .about-widget > a{ color:#53ae91; font-size:10px; font-weight:800; letter-spacing:1px; text-transform:uppercase; } /* Custom Widget: Social Icons */ .widget .socials{ float:left; text-align:center; width:100%; } .widget .socials a{ display:inline-block; float:none; height:auto; line-height:unset; font-size:15px; } /* Custom Widget: Instagram (Plugin) */ .sidebar .null-instagram-feed ul { padding:0 0 5px; } .sidebar .null-instagram-feed ul li { padding:0 2.5px; width:33.3333334%; border:none; } .sidebar .null-instagram-feed a{ float:left; margin-bottom:5px; width:100%; } .sidebar .null-instagram-feed img{ float:left; width:100%; } .null-instagram-feed img:hover{opacity:0.6} /* Custom Widget: MailChimp (Plugin) */ .widget_mc4wp_form_widget{ float:left; width:100%; } .widget_mc4wp_form_widget form label{ color:#8c8c8c; float:left; font-size:14px; letter-spacing:0.3px; line-height:1.4; margin-bottom:20px; width:100%; text-align:center; } .widget_mc4wp_form_widget form input[type="text"], .widget_mc4wp_form_widget form input[type="email"]{ background:#f6f6f6; border:1px solid #eaeaea; color:#9f9f9f; float:left; font-family: 'Crimson Text', sans-serif; font-size:12px; margin-bottom:10px; padding:12px 16px; width:100%; } .widget_mc4wp_form_widget form input[type=submit]{ background-color:#ababab; border:0 none; color:#fff; float:left; font-size:11px; font-weight:600; letter-spacing:1px; padding:12px 20px; text-transform:uppercase; width:100%; } .widget_mc4wp_form_widget form input[type=submit]:hover {background-color:#53ae91;} /* Custom Widget: Banner Ads */ .widget.banner-ads-widget { border: none; padding:0; text-align: center; } /*=============== 10.0 caelum Slider Style 2 ===================*/ .caelum-slider.style2 .slide-title{ border:0 none; bottom:0; left:0; opacity:1; padding:15px 20px 20px; top:auto; width:100%; -webkit-transform:translate(0); -moz-transform:translate(0); -ms-transform:translate(0); -o-transform:translate(0); transform:translate(0); } .caelum-slider.style2 .slide-title h2{ font-size:22px; margin-bottom:0; } .caelum-slider.style2 .cat{margin-bottom:10px} /*=============== 11.0 Post Paginations ===================*/ .post-pagination{ font-family: 'Crimson Text', sans-serif; float:left; margin-top:30px; margin-bottom:80px; width:100%; } .paginate a{ color:#212121; float:left; font-size:10px; font-weight:600; letter-spacing:1px; text-transform:uppercase; } .paginate.pull-left a i{margin-right:5px} .paginate.pull-right a i {margin-left:5px} /*=============== 12. caelum List View ===================*/ .caelum-listview{ float:left; margin-bottom:-55px; width:100%; } .caelum-listpost{ display:table; float:left; margin-bottom:55px; } .caelum-listpost .post-detail{ padding-left:20px; } .post-detail .cat{ margin:0 0 15px; padding:0; } .post-detail .cat:before, .post-detail .cat:after{display:none} .caelum-listpost .post-title{ font-size:22px; } .post-detail .meta{ margin-bottom:25px; margin-left:-10px; } /*=============== 13.0 Archive Page ===================*/ .archive-title-wrap { background:#f9f9f9; padding:40px; margin: 0; border-bottom:1px solid #ececec; text-align: center; } .archive-title-wrap span { font-family: 'dosis', sans-serif; font-size:14px; color:#999; display:block; margin-bottom:6px; font-style:italic; } .archive-title-wrap h1 { font-family: 'Crimson Text', sans-serif; font-size:26px; text-transform:uppercase; letter-spacing:4px; display:inline-block; color:#000; margin-right:-3px; } /*=============== 14.0 Single Post ===================*/ .single-post-page{ float:left; width:100%; } .post-content{ float:left; text-align:left; width:100%; } .post-content p a { color:#53ae91; } .post-content p a:hover { text-decoration:underline; } .post-content h1,.comment-text h1, .post-content h2,.comment-text h2, .post-content h3,.comment-text h3, .post-content h4,.comment-text h4, .post-content h5,.comment-text h5, .post-content h6.comment-text h6{ line-height:1.4; margin-bottom:15px; } .post-content h1,.comment-text h1{font-size:32px} .post-content h2,.comment-text h2{font-size:28px} .post-content h3,.comment-text h3{font-size:24px} .post-content h4,.comment-text h4{font-size:20px} .post-content h5,.comment-text h5{font-size:18px} .post-content h6,.comment-text h6{font-size:16px} .post-content img{max-width:100%} .post-content ol,.comment-text ol {list-style:decimal;} .post-content ul,.comment-text ul{list-style:disc} .post-content ol,.comment-text ol, .post-content ul,.comment-text ul{ color:#212121; float:left; font-family: 'Crimson Text', sans-serif; line-height:25px; margin:0 0 30px; padding-left:50px; width:100%; font-weight: 400; font-size: 16px; letter-spacing: 0.05em; } .post-content ol li ol,.comment-text ol li ol, .post-content ul li ul,.comment-text ul li ul {margin:10px 0 0;padding-left:30px;} .post-content ol li,.comment-text ol li, .post-content ul li,.comment-text ul li{ float:left; margin-bottom:10px; width:100%; } .post-content ol li:last-child,.comment-text ol li:last-child, .post-content ul li:last-child,.comment-text ul li:last-child{margin:0} .post-content blockquote p { border-left:3px solid #53ae91; float:left; font-family: 'Crimson Text', sans-serif; width:100%; font-size:18px; font-style:italic; color:#b4b4b4; line-height:28px; margin:10px 0 30px; padding:0 0 0 20px; } .post-content blockquote.twitter-tweet p{ border:none; } .post-tags{ float:left; margin-bottom:20px; } .post-tags a{ color:#53ae91; float:left; font-family: 'Crimson Text', sans-serif; font-size:11px; font-weight:600; letter-spacing:1px; margin-right:10px; text-transform:uppercase; } .post-tags > a::before {content:'#';} .single-post .caelum-post{margin-bottom:32px} /* Post Author Box*/ .post-author{ border-bottom:1px solid #ebebeb; display:table; float:left; padding-bottom:40px; width:100%; } .post-author img { float: left; margin-right: 30px; } .post-author .author-detail { overflow: hidden; margin-top:5px; } .post-author .author-detail strong { font-family: 'dosis', serif; font-size:18px; font-weight: 400; width:100%; } .author-detail p{ margin-top:10px; float:left; width:100%; } .post-author .socials{float:left} .post-author .socials > a{ color: #000000; font-size: 16px; height: auto; line-height: unset; width: 25px; } .related-posts{ border-bottom:1px solid #ebebeb; float:left; padding:50px 0; width:100%; } .short-title{ border-bottom:1px solid #000; color:#000; display:table; font-family: 'Crimson Text', sans-serif; font-size:12px; font-weight:600; letter-spacing:1px; margin:0 auto 25px; padding-bottom:3px; text-transform:uppercase; } .related-posts .row{margin:0 -13px} .related-posts .row > div{padding:0 13px} .related{ float:left; text-align:center; width:100%; margin-bottom:30px; } .related img{ margin-bottom:20px; width:100%; } .related > h5{ float:left; font-size:16px; margin-bottom:5px; width:100%; } .related .post-date{ color:#b4b4b4; font-weight:800; text-transform:uppercase; font-size:9px; margin-bottom:0; letter-spacing: 1px; } /*=============== Comments ===================*/ .caelum-comments{ float:left; margin-top:45px; width:100%; } .caelum-comments .section-title h4 { border-bottom:1px solid #000; color:#000; display:table; font-family: 'Crimson Text', sans-serif; font-size:12px; font-weight:600; letter-spacing:1px; margin:0 auto 25px; padding-bottom:3px; text-transform:uppercase; } .comments-list { float:left; margin:25px 0 40px; padding: 0; } .comment-list-item { border-bottom:1px solid #eee; padding:0 0 10px; margin:0 0 40px; display: table; position: relative; } .comments-list .children { margin-left: 50px; } .comments-list li:last-child { border:none; padding:0; margin:0; } .comment-list-item .avatar { float: left; display:table-cell; width: 70px; margin-right:20px; border-radius: 50%; } .comment-list-item .comment-content { vertical-align: middle; display:table-cell; width: 100%; margin-top:5px; } .comment-list-item .comment-content h6.comment-author, .comment-list-item .comment-content h6.comment-author a { display:block; font-size:14px; color:#111111; margin-bottom:0; font-weight: 500; letter-spacing: 1px; } .comment-list-item .comment-content span.comment-author a:hover { text-decoration:underline; } .comment-text p{ margin-bottom:14px; line-height: 23px; color:#7e7e7e; margin-top:-1px; display: inline-block; float: left; width: 100%; } .comment-list-item .comment-content em { font-size:13px; display:block; color:#0080DA; letter-spacing:1px; } .comment-list-item span.reply { position: absolute; right:0; top:0; margin: 0; padding: 0; } .comment-list-item span.reply a { font-weight: 700; font-size:11px; line-height:1; text-transform: uppercase; color:#b3b3b3; } .comment-list-item span.reply a:hover { color:#111111; } .comment-list-item span.reply a:not(:first-child)::before { content :"/"; margin-right:5px; color:#b3b3b3; } .caelum-form{ float:left; width:100%; margin-bottom: 50px; } .formitem textarea, .formitem input[type="text"], .formitem input[type="email"], .formitem input[type="url"], #comment_submit { margin-bottom: 25px; } #comment_submit { display: block; float: left; width: 100%; } .comment-reply-title { color:#EF9D87; display:table; font-family: 'Crimson Text', sans-serif; font-size:12px; font-weight:600; letter-spacing:1px; margin:0 auto 30px; text-transform:uppercase; } .comment-reply-title a { color:#EF9D87; float:right; font-size: 11px; line-height: 16px; letter-spacing: 1px; } .comment-reply-title a::before { font-family: "FontAwesome"; content:'\f057'; margin-right:5px; font-size: 12px; } .logged-in-as { font-size: 14px; margin-bottom: 20px; } .logged-in-as a { text-decoration: underline; } /*=============== Single Post 2 ===================*/ .header-image{ float:left; width:100%; } .header-image > img{width:100%} blockquote.style2{ padding:70px 55px 40px; border:5px solid; border-image:url("images/border.png") 5 round round; color:#212121; text-align:center; position:relative; } blockquote.style2:before{ color:#53ae91; background:white; content:" “ "; font-family:georgia; font-size:70px; font-style:normal; line-height:70px; position:absolute; left:50%; top:30px; width:60px; z-index:-1; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } blockquote.style2:after{ background:#ebebeb; content:""; height:1px; left:50%; margin-left:-68px; position:absolute; top:45px; width:136px; z-index:-2; } blockquote.style2 span{ display:table; color:#53ae91; font-family: 'Crimson Text', sans-serif; font-size:12px; font-style:normal; font-weight:600; letter-spacing:1px; margin:10px auto 0; text-transform:uppercase; } /*=============== Single Post 3 ===================*/ .fullwidth-postintro{ float:left; margin-bottom:13px; text-align:center; width:100%; } /*=============== Single Post 5 ===================*/ .post-img iframe{min-height:370px} /*=============== Single Post 6 ===================*/ .post-img.sound iframe{min-height:270px} /*=============== Single Post 7 ===================*/ .link-post{ background:rgba(0, 0, 0, 0.5); height:100%; width:100%; position:absolute; left:0; top:0; } .link-post a{ color:#fff; font-family: 'dosis', serif; font-size:30px; text-align:center; word-wrap:break-word; position:absolute; left:0; top:50%; width:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } /*=============== 15.0 Pages ===================*/ .page-title{ background:#fff; display:table; font-size:30px; margin:0 auto 40px; padding:0 18px; position:relative; } .page-title:before{ background: #53ae91; content:""; height:1px; left:50%; margin-left:-125px; position:absolute; top:50%; width:250px; z-index:-1; } /* 404 (Not Found) */ .error-page{ background:#fff; float: left; margin-bottom:50px; padding:100px 40px; width: 100%; text-align: center; } .error-page h1 {font-size: 160px;} .notfound {padding:60px 40px;} .backtohome { background:#ababab; border:0 none; color:#fff; font-size:11px; line-height: 1; font-weight:400; letter-spacing:1px; margin: auto; padding:15px 50px; display: inline-block; text-transform:uppercase; width:auto; } .backtohome:hover {background:#53ae91;color:#fff;} /*=============== 16.0 Footer ===================*/ .caelum-footer{ float: left; width: 100%; position: relative; border: 1px solid #eaeaea; text-align: center; } .copyryght { margin: 20px 0px; } .caelum-footer .logo{ float: left; width: 100%; position: relative; border-top: 1px solid #eaeaea; } .caelum-footer p.clear a:before { content: "\f16d"; font-family: FontAwesome; display: block; } .caelum-footer p.clear { background-color: #FFFFFF; border-radius: 50%; color: #212121; font-size: 17px; font-weight: 500; top: 40%; left: 48.8%; margin: -60px 0 0 -60px; height: 160px; width: 160px; display: table; position: absolute; text-align: center; text-decoration: none; } .caelum-footer p.clear a { display: table-cell; vertical-align: middle; font-family: 'dosis', serif; } .caelum-footer .widget { width:100%; margin:0; padding:50px 0 0; border:none; border-image:none; margin-bottom: 30px; } .caelum-footer .widget-title {display: none;} .caelum-footer .null-instagram-feed ul { margin:0; padding:0; } .caelum-footer .null-instagram-feed ul li { padding:0 2.5px; width:16.66666667%; width:calc(100%/6); border:none; } /*=============== Scrool To Top ===================*/ .scroll-up { position: fixed; display: none; z-index: 9999; right:30px; bottom:25px; } .scroll-up a { width:40px; height:40px; border:1px solid #5f5e5e; background:transparent; display: block; text-align: center; color: #5f5e5e; font-size: 18px; line-height: 36px; } .scroll-up a i { font-weight:bold; } .scroll-up a:hover, .scroll-up a:active { color:#53ae91; border-color:#53ae91; } /*=============== 17.0 Form Styles ===================*/ input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input, select, textarea { font-family: 'Crimson Text', sans-serif; border:1px solid #eaeaea; color:#9f9f9f; font-size:12px; padding:10px 15px; margin:0 0 20px; box-sizing:border-box; float: left; width: 100%; } input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input, textarea:focus { border-color: #e5e5e5; color: #a1a1a1; outline: 0; } button, input[type=button], input[type=submit], input[type=reset], .wpcf7 .wpcf7-submit { background:#ababab; border:0 none; color:#fff; font-size:11px; line-height: 1; font-weight:400; letter-spacing:1px; margin: auto; padding:15px 50px; display: inline-block; text-transform:uppercase; width:auto; } button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, .wpcf7 .wpcf7-submit:hover {background:#53ae91;} /*=============== 18.0 WP Core ===================*/ .alignnone {margin: 5px 20px 20px 0;} .aligncenter,div.aligncenter {display: block;margin: 20px auto;} .alignright { float:right; margin: 5px 0 20px 20px;} .alignleft { float: left; margin: 5px 20px 20px 0; } 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: 20px auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 100%; padding: 5px 3px 0; text-align: center; } .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-text { font-size: 12px; line-height: 17px; color: #999; padding:5px; margin: 0; } .bypostauthor {} /*=============== 19.0 Gallery Styles ===================*/ .gallery { margin: 0 -1.1666667% 1.75em;} .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-1 .gallery-item {max-width: 100%;} .gallery-columns-2 .gallery-item {max-width: 50%;} .gallery-columns-4 .gallery-item {max-width: 25%;} .gallery-columns-5 .gallery-item {max-width: 20%;} .gallery-columns-6 .gallery-item {max-width: 16.66%;} .gallery-columns-7 .gallery-item {max-width: 14.28%;} .gallery-columns-8 .gallery-item {max-width: 12.5%;} .gallery-columns-9 .gallery-item {max-width: 11.11%;} .gallery-icon img {margin: 0 auto;} .gallery-caption { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* =============================================================== 20.0 OWL CAROUSEL STYLING ================================================================*/ .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}/* * Owl Carousel - Auto Height Plugin*/.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}/* * Core Owl Carousel CSS File*/.owl-carousel{display:none;-webkit-tap-highlight-color:transparent;/* position relative and z-index fix webkit rendering fonts issue */position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;/* fix for flashing background */-webkit-transform:translate3d(0px, 0px, 0px)}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}/* No Js */.no-js .owl-carousel{display:block}/* * Owl Carousel - Lazy Load Plugin*/.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}/* * Owl Carousel - Video Plugin*/.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1} @-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut} @-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn} @-webkit-keyframes jello{0%,100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} @-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} @-webkit-keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px); } 100%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0); } } @keyframes fadeInLeft{ 0%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px); } 100%{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); } } .fadeInLeft{ -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; } @-webkit-keyframes fadeOutLeft{ 0%{ opacity:1; -webkit-transform:translateX(0); transform:translateX(0); } 100%{ opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px); } } @keyframes fadeOutLeft{ 0%{ opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); } 100%{ opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px); } } .fadeOutLeft{ -webkit-animation-name:fadeOutLeft; animation-name:fadeOutLeft; } #html5-watermark{ display:none!important; } .track3{ margin-right:2px; right:0; top:0; transition:background 250ms linear 0s; width:10px; z-index:100000; } .track3:hover, .track3.dragging{ background:#d9d9d9; /* Browsers without rgba support */ background:rgba(0, 0, 0, 0.15); } .handle3{ width:7px; right:0; background:#999; background:rgba(0, 0, 0, 0.4); border-radius:7px; -webkit-transition:width 250ms; transition:width 250ms; } .track3:hover .handle3, .track3.dragging .handle3{ width:10px; } @media (max-width:1100px){ .block .container, .container{padding:0 15px;width:970px} .main-content{width:685px} .sidebar{ width:285px; padding-left:15px;} .add img{max-width:255px} .caelum-footer{padding:30px 50px} } @media (max-width:980px){ .sharer { position: relative; left: 33px; top: 3px; } .block .container, .container{padding:0 15px;width:750px} .main-content{width:100%} .sidebar{width:100%} .sidebar.pull-right { padding-left:15px; padding-right:15px; } .sidebar.pull-left { padding-left:15px; padding-right:15px; } .slide-title{float:left;left:auto;position:relative;top:auto;width:100%; -webkit-transform:translate(0); -moz-transform:translate(0); -ms-transform:translate(0); -o-transform:translate(0); transform:translate(0); } .slide-title:before{opacity:1} .slide-title{opacity:1} nav,.nav-height{display:none} .logo{padding-bottom:20px;padding-top:20px} .logo img{max-width:150px} .sidebar{margin-top:90px} .related-posts .row > div{display:inline-block;margin:0 -1px;width:50%} .related-posts{text-align:center} .single-post-detail ol, .single-post-detail ul{padding-left:20px} .caelum-footer .null-instagram-feed ul li{flaot:left;padding:2.5px;width:33.3333334%;} .caelum-listpost .post-img{margin-bottom:30px;} } /*Responsieve*/ @media (max-width:767px){ .block .container, .container{width:100%} .sidemenu-btn{position: absolute;left:15px;top:50%;margin-top:-10px;} .theme-layout:before {background: transparent;} .additional-acts {display: none;} .logobar{padding:0 10px} header .logo{padding-left:0} /* .logo img{max-width:100px} */ .search.active form{width:230px} .search form{right: 0;top:-5px} .additional-acts{min-width:100px} .owl-nav{opacity:1;padding:0 20px} .slide-title h2{font-size:20px} .post-content{display:unset;float:left;padding-left:0;padding-top:20px;width:100%} .caelum-post.s2 > p {text-align: center;} .post-author > img{display:unset} .author-detail{display:unset;float:left;padding-left:0;padding-top:30px;width:100%} .comment > img{display:unset} .comment-detail{display:unset;float:left;margin-top:30px;width:100%} .comment-detail > h4{float:left;margin:0 0 10px;width:100%} blockquote.style2{padding:70px 20px 30px} .link-post a{font-size:15px;} } @media (max-width:480px){ .caelum-footer{padding:15px 15px 30px} .related-posts .row > div{width:100%} }