/* Theme Name: Magazina Theme URI: http://blogwings.com/magazina/ Version: 1.0.9 Description: Magazina is a powerful theme made for Magazine, Newspaper and editorial sites. Theme comes with widget based magazine template 6 post styles with drag & drop functionality, Breaking news slider. Theme contains amazing features like One click demo import, live customizer, Typography with 250+ Google fonts, Top header, Styling options for each element, Category background color, Social icons, Custom widgets (like: Ad widget, Social media and Recent post with thumbnail), Sidebar alignment ( right & left ). Theme is well documented. Author: BlogWings Author URI: http://www.blogwings.com/ License: GNU General Public License v3 or later License URI: license.txt Tags: two-columns, grid-layout, right-sidebar, custom-background, custom-colors, custom-menu, theme-options, sticky-post, translation-ready, footer-widgets, blog, news, custom-logo Text Domain: magazina --------- DO NOT EDIT THIS FILE. If you need to overwrite the CSS styling, create a new custom_style.css in the theme folder and it will automatically load in the . */ @font-face { font-family: 'lato-regular'; src: url('fonts/Lato-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'lato-bold'; src: url('fonts/Lato-Bold') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family:'OpenSans-regular'; src: url('fonts/OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-bold'; src: url('fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } body { background:#f5f5f5; font-family:"lato-regular", sans-serif; color:#424242; font-size: 14px; letter-spacing: .6px; margin:0px; -webkit-font-smoothing: antialiased; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ::-moz-selection { /* Code for Firefox */ color: #ffffff; background: #cd9f66; } ::selection { color: #ffffff; background: #cd9f66; } #searchform input[type=submit], .search-form input[type=submit]{ display:none; } a, a:hover, #commentform #commentSubmit, #commentform #commentSubmit:hover{ transition: all 0.25s linear; } .clearfix:after,.clearfix:before, .container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before{display:table;content:" "}.clearfix:after, .container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after{clear:both} html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, blockquote, th, td { margin: 0; padding: 0; } blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; } span.edit-link a.post-edit-link { float: right; margin-top: 20px; color: #000; } img, video, object { max-width: 100%; height:auto; } input, select, textarea{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sticky {} .gallery-caption {} .commentlist .bypostauthor {} .container, #page { max-width:1170px; min-width:240px; margin-right: auto; margin-left:auto; position:relative; clear:both; } #respond .comment-form-cookies-consent input{ width:auto; } #respond .comment-form-cookies-consent label{ display:inline-block; padding-left:5px; } /*pre-loader*/ .group-loader{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color:#1e2021; z-index: 99999; height: 100%; width: 100%; overflow: hidden !important; } .bigSqr { position: absolute; display: inline-block; width: 40px; height: 40px; overflow: hidden; top: 50%; left: 50%; display:block; background-position: center; -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-animation: bigSqrShrink 1s linear infinite; animation: bigSqrShrink 1s linear infinite; } .square { position: absolute; width: 20px; height: 20px; background: #66cda9; } .square.first{ left: 0px; top: 20px; } .square.second { left: 20px; top: 20px; -webkit-animation: drop2 1s linear infinite; animation: drop2 1s linear infinite; } .square.third { left: 0px; top: 0px; -webkit-animation: drop3 1s linear infinite; animation: drop3 1s linear infinite; } .square.fourth { left: 20px; top: 0px; -webkit-animation: drop4 1s linear infinite; animation: drop4 1s linear infinite; } .text { line-height: 16px; font-family: "Open Sans", "Roboto", Arial, sans-serif; font-weight: 400; color: #FFF; display: block; padding: 3px; position: absolute; top: 56%; left: 49.5%; } @-webkit-keyframes bigSqrShrink { 0% { -webkit-transform: scale(1); transform: scale(1); } 90% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes bigSqrShrink { 0% { -webkit-transform: scale(1); transform: scale(1); } 90% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @-webkit-keyframes drop2 { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 25% { -webkit-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); transform: translate(0); } } @keyframes drop2 { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 25% { -webkit-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); transform: translate(0); } } @-webkit-keyframes drop3 { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 50% { -webkit-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); transform: translate(0); } } @keyframes drop3 { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 50% { -webkit-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); transform: translate(0); } } @-webkit-keyframes drop4 { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 75% { -webkit-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); transform: translate(0); } } @keyframes drop4 { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); } 75% { -webkit-transform: translate(0); transform: translate(0); } 100% { -webkit-transform: translate(0); transform: translate(0); } } /*pre-loader*/ #page { clear:both; float:none; } .admin-bar header, .admin-bar header.small { top: 32px; } .content { width: 70%; max-width:100%; float: left; } .page-content { padding: 0px; margin-bottom:70px; margin-top: 0px; } .content .page-content{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); box-sizing: border-box; background: #fff; padding: 20px; } .page-template-magazine-template-php .content .page-content{ border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; box-sizing: unset; } #page.left .sidebar-wrapper { float: left; } #page.left .content { float: right; } #page.no-sidebar .content { width:100%; max-width:1170px; } #page.no-sidebar .content-wrapper .sidebar{ display:none; } .home-container #page{ margin-top:0px!important; } div#page.no-sidebar .sidebar { display: none; } .sidebar-wrapper{ max-width: 400px; width: 27.5%; float: right; } aside.sidebar { background: none; padding: 0px; margin-bottom: 50px; } .content .page-description { margin-bottom: 100px; } .blog-single { margin-bottom: 40px; } .blog-single .nocomments{ padding-left: 30px; } code { white-space: pre-wrap; } ::-webkit-input-placeholder { color: #bababa; } :-moz-placeholder {color: #bababa; } ::-moz-placeholder {color: #bababa;} :-ms-input-placeholder { color: #bababa; } a { font-family:"Lato-regular", sans-serif; text-decoration: none; color: #111; } li a:hover{ color: #cd9f66; } h1, h2, h3, h4, h5, h6 { font-family:"OpenSans-regular", sans-serif; color: #5a5d5a; font-weight: 500; transition: all 0.25s linear; line-height: 1.2; margin: 0; } p { font-family:"OpenSans-regular", sans-serif; color: #1f1f1f; line-height: 24px; font-size: 14px; letter-spacing: .7px; -webkit-font-smoothing: antialiased; margin-bottom: 15px; } h1 { font-size: 28px; } h2 { font-size: 26px; } h3 { font-size: 24px; } h4 { font-size: 22px; } h5 { font-size: 20px; } h6 { font-size: 18px; } :focus { outline: none; } input[type="submit"] { cursor: pointer; } cite, em, i { font-style: italic; } table { border-collapse: collapse; border-spacing: 0; margin: 0 0 1.5em; width: 100%; } caption, th, td { text-align: left; } th, td { border: 1px solid #EAEAEA; padding: 6px 10px; } th { font-weight: bold; } dl { margin-bottom: 24px; font-size: 18px; } dt { font-weight: bold; margin-bottom: 5px; } strong { font-weight: bold; } address { display: block; font-style: italic; margin: 0 0 15px; } ol { list-style: decimal; } ul { list-style: disc; } ul li,ol li, ul { list-style-type: none; margin:0; padding:0; line-height: 1.3; } .description ul li,.description ol li, .description ul { margin-bottom: .3rem; } #page{ margin-top:129px; } .home #page{ margin-top:129px; } .page #page{ padding-top:30px; } .home.flexslider-wrap #page{ margin-top:50px; } .single-post #page,.single #page{ margin-top:129px } .archive .navigation.pagination { margin-bottom:30px; float:right; } .content #main{ float:left; } .home.blog.magazine-box .header,.home.blog.magazine-box #page{ box-shadow:none; } .home.blog.magazine-single-box .header,.home.blog.magazine-single-box #page{ box-shadow:none; } .top-container { background: #000; color: #fff; } .header-wrap-top .top-date i{ margin-right:5px; } /***************************************/ /*top-header-css*/ /***************************************/ .header-wrap-top{ float:left; width:100%; } .header-wrap-top .top-social-icon{ float:left; width: 20%; text-align: right; } .header-wrap-top .top-social-icon li{ display:inline-block; margin-left:15px; padding: 10px 0px; } .header-wrap-top .top-date{ float:left; color:#fff; width: 11%; padding: 10px 0px; } .header-wrap-top .top-date i{ margin-right:5px; } .header-wrap-top{ font-size:13px; } .header-wrap-top .top-menu{ float: left; width: 65%; padding: 10px 0px; font-size: 12px; } .header-wrap-top .top-menu .top li{ display: inline-block; padding:0px 10px; } .header-wrap-top .top-menu .top li a, .header-wrap-top .top-social-icon li a{ color:#fff; } .header-wrap-top .top-menu .top li a:hover, .header-wrap-top .top-social-icon li a:hover{ color:#f4c85e; } .top-searchfrom{ float:right; position:relative; } .top-searchfrom input#s { -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; } .top-searchfrom .search-btn{ padding:10px; text-align: center; background:rgba(0,0,0,0.2); display: block; color: #fff; width: 35px; } .top-header-show #searchform{ position:absolute; right: 0; display:none; z-index:999; } .top-header-show #searchform input[type=submit]{ display: block; width: 20px; position: absolute; font-size: 0; right: 0px; top: 0px; height: 20px; line-height: 30px; z-index: 1; background: transparent; border: none; margin-top: 0px; height: 40px; width: 40px; } .top-searchfrom input#s{ z-index: 1; border: none; height: 40px; line-height: normal; margin-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background:#f3f3f3; position:relative; width: 50px; margin-right: 40px; top: 100%; border: 1px solid #ddd; width: 200px; } .top-searchfrom #searchform:before{ content: "\f002"; font-family: FontAwesome; position: absolute; color: #fff; right: 0; width: 40px; height: 40px; line-height: 40px; z-index: 0; font-size: 14px; text-align: center; background: #66cda9; } .top-searchfrom{ box-shadow:none; box-shadow:none; } /*breadcum*/ .breadcrumbs a { color:#777; } .breadcrumbs a:hover { color: #66cda9; } .breadcrumbs .current { color: #66cda9; padding:0 8px; } .breadcrumb ul, .breadcrumb-trail ul { padding-left: 0px; margin: 0px; } .breadcrumb ul li, .breadcrumb-trail ul li { list-style-type: none; display: inline; font-size:12px } .breadcrumb h2.trail-browse, .breadcrumb-trail h2.trail-browse{ display:none; } .breadcrumb ul li::after, .breadcrumb-trail ul li::after{ content: "/"; font-size: 12px; margin-right:5px; margin-left:5px; } .breadcrumb ul li.trail-end a::after, .breadcrumb-trail ul li.trail-end::after{ display:none; } nav.breadcrumb-trail{ text-align: left; margin-bottom: 15px; margin-top: 15px; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } #page .description ul , #page .description ul li{ list-style: circle; } #page .description ol li{ list-style-type: inherit; } #page .description ol, #page .description ul { margin: 0 0 1.41575em 3em; padding: 0; } .page blockquote { border-left: 3px solid #cd9f66; padding: 0px 10px 0px; margin: 10px 0; overflow:hidden; } .single .format-quote blockquote, .single blockquote { padding: 10px 10px 10px; border:none; border-left: 5px solid #cd9f66; } .single .format-quote blockquote p:before, .single blockquote p:before{ content:""; } .content .post-content .description ul, .page-description ul, .content .post-content .description ol, .page-description ol { padding-left:20px; letter-spacing:1px; line-height:25px; } .content .post-content .description ul li, .page-description ul li{ list-style-type: circle; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 20px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* 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. */ } .tagcloud a { font-size: 9px; padding: 9px 13px; display: inline-block; margin-top: 2px; margin-bottom: 2px; background: #cd9f66; color:#fff; text-transform: uppercase; letter-spacing: 1px; line-height:13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tagcloud a:hover{ color:#fff; } .textwidget { letter-spacing: .5px; line-height: 24px; } .widget .tagcloud a { color:#5a5d5a; font-size: 9px!important; text-transform: uppercase; letter-spacing: 2px; float: left; padding: 8px 13px; background-color: #F3F3F3; line-height: 1; margin: 0 2px 4px; border: 1px solid #eee; } .widget .tagcloud a:hover{ color: #cd9f66; } .footer .widget .tagcloud { float: none; max-width: 100%; } .widget li a { letter-spacing: 1px; } .home .header-wrapper { background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; } .widget .cat-item a{ width:89%; display:inline-block; font-size: 14px; } .sidebar-inner-widget .cat-item:nth-child(odd) { background: #fdfdfd; padding:5px; border-radius:1px; text-transform: capitalize; } .sidebar-inner-widget .cat-item:nth-child(even) { padding:5px; border-radius:1px; text-transform: capitalize; } .widget li.cat-item{ font-size:12px; } /* Logo Style Start*/ header.header-static{ position:absolute; } .home header.hdr-transparent{ background:none; border-bottom: none; } .home header.header-hide{ display:none; } .home header.header-hide.smaller{ display:block; } .home header.header-static.smaller, header.header-static.smaller { background: none; } header { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; border-bottom: 1px solid rgba(190, 190, 190, 0.11); background-color: rgba(255, 255, 255,1); } .home .header { position: relative; width: 100%; float: left; margin: 0; padding: 0; } #main-menu-wrapper { display: block; float: right; } header h1#logo { display: inline-block; height: 122px; line-height: 110px; float: left; font-size: 60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .home header { box-shadow:none; border-bottom: 1px dotted rgba(255, 255, 255, 0.25); } .header-wrapper.normal{ padding-top:0px; } .single .header-wrapper.normal, .page .header-wrapper.normal { padding-bottom: 50px; } .header-wrapper.normal header{ position: static; } .normal header.smaller { background: none; background-color:transparent; } .home header.smaller, header.smaller { height: auto; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0px 0.5px 3px rgba(190, 190, 190, 0.11); -webkit-box-shadow: 0px 0.5px 3px rgba(190, 190, 190, 0.11); -moz-box-shadow: 0px 0.5px 3px rgba(190, 190, 190, 0.11); border-bottom: none; } .header .logo h1{ margin:0px; padding-bottom:0; color:#5a5d5a; font-size: 24px; line-height: 30px; } .header .logo h1 a{ margin:0px; color:#5a5d5a; } .home .header .logo p{ color:#606060; } header.smaller .logo h1 a{ color:#606060; } header.smaller .logo p{ display:none; } header.smaller .header .logo h1 a{ color:#606060; } .home .navigation .menu > li > a , .home header #main-menu-wrapper .menu-item-has-children > a:after{ color:#606060; } .widget_nav_menu .sub-menu { margin-top: 8px } #main-menu-wrapper .menu-item-has-children > a:after { content: "\f107"; font-family: FontAwesome; position: absolute; right: 4px; color: rgb(0, 0, 0); } .sub-menu .menu-item-has-children > a:after { top: 50%; margin-top: -12px; right: 15px; } #main-menu-wrapper nav.navigation .menu{ padding: 20px 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } header.smaller #main-menu-wrapper nav.navigation ul{ padding: 14px 0; } header.smaller #main-menu-wrapper nav.navigation ul.toggle-submenu{ padding:0px; } .navigation ul { margin: 0 auto; float: right; } .navigation .menu > li > a { padding: 0 20px; font-size: 14px; letter-spacing: .5px; } .navigation ul li { line-height: 44px; float: left; position: relative; } .navigation ul li a, .navigation ul li a:link{ display: inline-block; transition: background-color, color 0.2s linear; color: #5a5a5a; } .navigation > ul > .current a { background: transparent; color: #5a5a5a !important; } .navigation ul li li { border-bottom: 0; } .navigation ul ul { position: absolute; width: 230px; padding: 20px 0 0 0; padding-top: 0; z-index: 400; font-size: 12px; color: #798189; background: rgba(255, 255, 255, 0.95); border: 1px solid rgba(188, 180, 180, 0.1); } .navigation ul ul li { padding: 0; color: #fff; line-height: 25px; } .navigation ul ul li:hover { background-color: #ECECEC; } .navigation ul ul.sub-menu a, .navigation ul ul.sub-menu a:link, .navigation ul ul.sub-menu a:visited{ font-size: 12px; letter-spacing: 1px; padding: 8px 20px 8px 20px; position: relative; width: 228px; border-left: 0; background: transparent; border-right: 0; border-radius: 0; border-bottom: 1px solid rgba(188, 180, 180, 0.1); margin: 0; color: #5a5d5a; } .navigation ul ul li:last-child a { border-bottom: none } .navigation ul ul { display: none } .navigation ul ul ul { left: 230px; top: 0; } .sub-menu .menu-item-has-children:after { color: #fff } .navigation .toggle-caret { display: none } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both } .clearfix { *zoom: 1 } a#pull { display: none } .navigation i { margin-right: 4px } /*-Custom Nav Widget-*/ .widget_nav_menu .fa > a, .widget_nav_menu .fa > a { padding-left: 5px } .widget_nav_menu .sub-menu { margin-top: 8px } .widget_nav_menu .menu-item-has-children > a:after { content: '' } /*-Toggle menu-*/ .toggle-menu ul ul { display: none } .toggle-menu .toggle-menu-item-parent { position: relative } .toggle-menu .toggle-caret { position: absolute; top: 0px; right: 0; text-align: center; cursor: pointer; line-height: inherit; } .toggle-menu .toggle-caret .fa { width: 20px; text-align: center; font-size: inherit; color: inherit; line-height: 24px; } .toggle-menu .active > .toggle-caret .fa:before { content: "\f068" } /***Header for no-home pages***/ .page header{ background-color: rgba(255, 255, 255,1); } .archive-title h1, .page-title h1{ letter-spacing: 1px; margin-bottom:10px; font-size: 26px; } .archive-title{ margin:30px 0px; border-bottom:1px solid #ddd; display:inline-block; } .page-title{ margin-bottom:30px; border-bottom:1px solid #ddd; display:inline-block; } .logo { padding:12px 0; float:left; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .logo img { width: auto; height: auto; } .smaller .navigation .menu > li > a { padding: 0 20px; } .header .logo{ width:20%; } .header #main-menu-wrapper{ width:80%; } header .logo img{ -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } header.smaller .logo img{ width: auto; height: auto; max-width: 70%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } /* Logo Style End*/ /****Contact form start*******/ .wpcf7 p { color: #777; font-style: italic; margin-bottom: 16px; } .wpcf7 input, .wpcf7 textarea { font-size: 12px; margin-top: 6px; } .wpcf7 input { width: 300px; } .wpcf7 .wpcf7-submit { font-size: 12px; margin-top: 0; } input[type=submit]:hover { background: #222; color: #FFF; } input, select, textarea { border: 1px solid #ddd; color: #5a5d5a; padding: 9px 10px; width: 100%; box-sizing: border-box; } input[type=submit] { text-transform: uppercase; letter-spacing: 2px; background: #F3F3F3; border:1px solid #f3f3f3; font-size: 10px; color: #777; padding: 11px 21px; margin-top: 14px; display: inline-block; transition: all 0.25s linear; cursor: pointer; width: auto; } /****Slider*******/ .flex-slider .fs-caption-overlay{ background: rgba(0, 0, 0, 0.18); top: 0px; width: 100%; z-index: 9999; height: 100%; } .flex-slider { margin: 0!important; } .flex-slider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flex-slider, .flex-slider .flex-viewport { height: 100% !important; width: 100%; padding: 0; margin: 0; } .flex-slider .slides { height: 100% !important; } .flex-slider .flex-direction-nav a { position:absolute; z-index:99; height:50px; } .flex-slider .slides li { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100% !important; width: 100%; padding: 0; margin: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .flex-slider li .caption-content { position: absolute; top: 30%; color: white; max-width: 60%; left:7%; } li.bg-dark.flex-active-slide .caption-content { left:7%; -webkit-animation: slideIn; -moz-animation: slideIn; -o-animation: slideIn; animation: slideIn; -webkit-animation-duration: .8s; -moz-animation-duration: .8s; -o-animation-duration: .8s; animation-duration: .8s; } .flex-slider li .fs-fs-category { display: flex; flex-direction: row; } .flex-slider li .fs-category p { background: #e43837; margin-right: 7px; font-size: 1.1em; padding: 12px 18px 10px; font-weight: 300; } .slider-post-date{ margin-bottom:15px; } .read-more.read-more-slider { margin-top: 40px; display: inline-block; } .read-more.read-more-slider a{ color: #fff; border: 1px solid #fff; padding: 9px 15px; display: inline-block; } .read-more.read-more-slider a:hover{ border:1px solid #cd9f66; } .flex-slider li .fs-category span { text-align: center; display: inline-block; text-transform: uppercase; font-size: 12px; margin: 0 4px 20px 4px; color: #fff; } .flex-slider li .caption-content a, .flex-slider li .caption-content p{ color: #fff; } .flex-slider li .caption-content h1{ font-weight: normal; font-size: 60px; line-height: 66px; margin: 0 0 18px; letter-spacing: 1px; color: #fff; } .flex-direction-nav { position: absolute; top:50%; width: 100%; } .flex-direction-nav a { text-decoration: none; display: block; width: 30px; height: 30px; margin: 20px 0 0; position: absolute; z-index: 10; overflow: hidden; opacity: .5; cursor: pointer; color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { text-align: left; left: 1%; } .flex-direction-nav .flex-next { text-align: right; right:1%; } .flexslider:hover .flex-prev { left: 5%; } .flexslider:hover .flex-next { left: 30px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav a:before { font-family: FontAwesome; content: '\f104'; font-size: 50px; display: flex; justify-content: center; align-items: center; position: relative; top: 1px; padding: 2px; } .flex-direction-nav a.flex-next:before { content: '\f105'; } @-webkit-keyframes slideIn { 0% { left: 12%; opacity: 0; } 100% { left: 7%; opacity: 1; } } @-moz-keyframes slideIn { 0% { left: 12%; opacity: 0; } 100% { left: 7%; opacity: 1; } } @-o-keyframes slideIn { 0% { left: 12%; opacity: 0; } 100% { left:7%; opacity: 1; } } @keyframes slideIn { 0% { left: 12%; opacity: 0; } 100% { left: 7%; opacity: 1; } } .flex-slider.slider-center .caption-content{ left:7%; right:7%; text-align:center; max-width: 100%; } .flex-slider.slider-right .caption-content{ left:auto; right:7%; text-align:right; max-width: 100%; } /*button-style-one*/ .flex-slider.button-one .read-more.read-more-slider a{ font-weight: 600; font-size: 13px; letter-spacing: 4px; color: #ffffff; background-color: #e91e63; border: none; border-radius: 40px; padding: 16px 38px; display: inline-block; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-transform: uppercase; } .flex-slider.button-one .read-more.read-more-slider a:hover{ background-color: #e91e63; color: #fff; -webkit-box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); } .button-one .read-more.read-more-slider{ padding:0px 5px 10px 5px; } /*button-style-two*/ .flex-slider.button-two .read-more.read-more-slider a{ font-size: 18px; background: #8d9092; color:#fff; border-radius: 0px; font-weight: bold; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; position: relative; padding: 0.7em 1em; border: 2px solid #8d9092; -webkit-border-radius: 3px; -moz-border-radius: 0px; border-radius: 0px; font-size: 15px; font-weight: 500; line-height: 1.7em !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }.flex-slider.button-two .read-more.read-more-slider a:after { content:"\f105"!important; font-family:"FontAwesome"; position: absolute; font-size:21px; margin-left: -1em; opacity: 0; line-height: 1.1em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; font-weight: normal; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; speak: none; display: inline-block; } .flex-slider.button-two .read-more.read-more-slider a:hover { border-radius: 0px; letter-spacing: 2px; padding-left: 0.7em; padding-right: 1.7em; } .flex-slider.button-two .read-more.read-more-slider a:hover:after { margin-left:15px; opacity: 1; } .flex-slider.button-two .read-more.read-more-slider a:before, .flex-slider.button-two .read-more.read-more-slider a:after{ height:0; left: inherit; margin-right: inherit; } .flex-slider.button-two .read-more.read-more-slider a:hover{ background:#8d9092; color: #fff; transition: all 0.2s; } /****Search page start*******/ .search .content .search-form, .error404 .content .search-form{ margin-top:30px; text-align:left; } .search .pagination .older{ float:left; display:inline-block; } .search .pagination .newer{ float:right; display:inline-block; } .search .page-content{ margin:0; } .search #page { margin-top: 80px; } /*image hover animation*/ .th-widget-recent-post .thumb,.th-aboutme .thumb{ position:relative; overflow:hidden; } .th-widget-recent-post .thumb{ display: inline; } .th-widget-recent-post .thumb:after,.th-aboutme .thumb:before{ position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .th-aboutme .thumb:hover::before,.th-widget-recent-post .thumb:hover::after{ -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } /***Gallery page CSS start here***/ .gallery .gallery-item h2 { margin: 0px; } .gallery .gallery-item{ padding:5px; margin:0px!important; display: inline-block; } .gallery .gallery-item img{ max-width:100% } .gallery-columns-3 .gallery-item { width: 33.33333333%!important; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666666667%!important; } /***Gallery page CSS end here***/ /****Single page slider start*******/ .owl-controls .owl-prev:before { content: "\f104"; font-family:fontawesome; font-size:50px; color:#fff; } .owl-controls .owl-next:before { content: "\f105"; font-family:fontawesome; font-size:50px; color:#fff; } .owl-controls .owl-prev { top:44%; position:absolute; left:1%; cursor: pointer; } .owl-controls .owl-next { top:44%; position:absolute; right:1%; cursor: pointer; } /****Single page slider End*******/ .home .layout-top { margin-top: 30px; } .header-bottom-wrapper{ margin-bottom:40px; border-bottom:1px solid rgba(221, 221, 221, 0.35); } .header-bottom-wrapper, .header-bottom, .header-bottom .social-icon , .header-bottom .search-wrapper{ background-color: #fff; } .header-bottom .search-wrapper input[type="submit"]{ background:none; border:none; } .header-bottom .social-icon { float:left; padding:22px 25px; border-left:1px solid rgba(221, 221, 221, 0.35); border-right:1px solid rgba(221, 221, 221, 0.35); } .header-bottom .social-icon ul li{ display:inline; } .social-icon ul li i { font-size:16px; padding: 0 5px; } .header-bottom .search-wrapper{ float:right; } .header-bottom .search-wrapper form{ margin-bottom:0px; } .header-bottom .search-wrapper a{ font-size:16px; } .header-bottom .search-wrapper input[type="text"] { height: 61px; width: 200px; border-bottom: none; border-top: none; border-right: none; border-left: 1px solid rgba(221, 221, 221, 0.35); padding-left:20px; } .header-bottom .search-wrapper #searchform{ border-right: 1px solid rgba(221, 221, 221, 0.35); padding-right:20px; } .header-bottom .search-wrapper #searchform #s { font-size:15px; letter-spacing: 1px; } .content-wrapper .content .layout-top { border-bottom:1px solid #ddd; overflow:hidden; padding:10px 10px 10px 0; margin-bottom:30px; } .content-wrapper .content .layout-top .post-heading { text-align: center; padding-bottom: 25px; } .content-wrapper .content .layout-top .post-heading h1{ text-transform:uppercase; margin:0px; font-weight: bold; } .content-wrapper .content .layout-top .view-buttons{ padding-top:2px; float:right; } .content-wrapper .content .layout-top .view-buttons i{ font-size:20px; margin-right:10px; } .two-grid-layout .double-post{ width:49%; float:left; } /* Global Style for posts Start*/ .post-title h2{ display: inline-block; } .post-title h2:hover{ color: #cd9f66; transition: all 0.25s linear; } .content .post img { max-width:100%; height:auto; } .post-img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); box-sizing: border-box; } .content .post-last{ margin-right:0px!important; } .content .post, .content .type-post{ clear: none; margin-bottom:30px; } .content .standard-layout .post, .content .two-grid-layout .post, .content .three-grid-layout .post, .content .four-grid-layout .post, .content .five-grid-layout .post, .content .boxed-layout .post, .content .masnory-layout .post, .content ul.list-layout .post{ box-shadow: 0 0 1px #DDD; -webkit-transition: all ease-in-out .2s; transition: all ease-in-out .2s; background: #fff; } .content .standard-layout .post, .content .two-grid-layout .post:hover, .content .three-grid-layout .post:hover, .content .four-grid-layout .post:hover, .content .five-grid-layout .post:hover, .content .masnory-layout .post:hover{ box-shadow: 0 0 1px #E5E5E5; } .post-content { padding: 17px 3% 35px; } .two-grid-layout .post-content{ padding:17px 6% 35px 6%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); box-sizing: border-box; } .two-grid-layout .post-content h2 { font-size:22px; } .content .post-content .post-date{ text-align:center; color:#999; } .content .post-content .description{ padding-top:25px; padding-bottom:25px; } .content .post-content .description p a, .page-description p a { color:#cd9f66; } .content .four-grid-layout .post-content .read-more, .content .three-grid-layout .post-content .read-more{ display:none; } .content .post-content .read-more{ text-align:center; } .content .post-content .read-more a{ padding:0px 0px 3px; display: inline-block; font-size:13px; letter-spacing:1px; font-weight: 600; } .content .post-content .read-more a:hover, ol.commentlist li .reply a:hover, a.more-link:hover { text-decoration: underline!important; } .content .post .post-meta .post-date, .slider-post-date span, .th-recent-post .th-recent-meta .post-date, .post span.post-comment a, .post span.post-comment { font-size:12px; color:#bababa; letter-spacing: .7px; padding-top: 8px; font-style: italic; } .th-recent-post p{ font-size:13px; line-height:20px; } .th-recent-post a.more-link{ margin:0; padding:0; text-align:left; display: inline-block; } .content .post .post-meta .post-author a{ font-size:12px; color:#bababa; letter-spacing: 1px; } .content .post .post-author-pic img { vertical-align: middle; max-width: 80px; margin:0 10px!important; border-radius: 100%; } ul.slider-post-social.social-icon li.share-text, .post-share .share-text, .single-bottom-meta .post-share .share-text{ font-style: italic; letter-spacing: 1.5px; } .post .post-content .post-meta .post-comment { float:right; } .post .post-content .post-meta .post-date { float:left; } .post .post-content .post-header { text-align:center; overflow:hidden; } .post .post-category, .single-meta .post-category, .slider-post-category span { text-align: center; display:inline-block; text-transform: uppercase; font-size:12px; margin: 0 4px 10px 4px; padding:5px; color:#fff; } .slider-post-category span a{ color:#fff; } .post .post-category a,.single-meta .post-category a{ color:#bababa; } ul.two-grid-layout li.post:nth-of-type(even){ margin-right:0px; } ul.two-grid-layout li.post:nth-child(2n+1), ul.three-grid-layout li.post:nth-child(3n+1), ul.four-grid-layout li.post:nth-child(4n+1), ul.five-grid-layout li.post:nth-child(5n+1) { clear: both; } /* Global Style for posts End*/ /*---------masnory grid------------*/ ul.masnory-layout li.post { width:30.53%; float:left; } .masnory-layout .post { margin:1.4%; } .masnory-layout .post img { max-width: 100%; height: auto; vertical-align: bottom; } /*-----------------------------------------*/ /* Sidebar two grid style start */ ul.two-grid-layout li.post{ width:48%; float:left; } .two-grid-layout .post { margin-right:4%; } /* Sidebar two grid style end */ /* Sidebar three grid style start */ ul.three-grid-layout li.post { width:30.6%; float:left; } ul.three-grid-layout li.post:nth-of-type(3n+3) { margin-right:0px; } .three-grid-layout .post { margin-right:4%; } .three-grid-layout .post-content{ padding: 17px 6% 0px 6%; } .three-grid-layout .post-content h2{ font-size:18px; line-height: 26px; text-align:center; } /* Sidebar three grid style end */ /* Sidebar four grid style start */ ul.four-grid-layout li.post { width:22%; float:left; } .four-grid-layout .post { margin-right:4%; } ul.four-grid-layout li.post:nth-of-type(4n+4) { margin-right:0px; } .four-grid-layout .post-content { padding: 10% 6% 3% 6%; } .four-grid-layout .post-content h2{ font-size:16px; line-height: 26px; text-align:center; } /* Fullwidth Five grid style Start */ ul.five-grid-layout li.post { width:17.6%; float:left; } .five-grid-layout .post-content { padding:15px 6% 20px 6%; } .five-grid-layout .post { margin-right:3%; } .five-grid-layout .post-content h2{ font-size:16px; line-height: 26px; text-align:center; } ul.five-grid-layout li.post:nth-of-type(5n+5) { margin-right:0px; } /* Fullwidth Five grid style end */ /* box list Post Style Start */ ul.boxed-layout .post .post-img { width:50%; float:left; display:inline-block; position:relative; } ul.boxed-layout .post .post-img img { max-width:100%; height:auto; vertical-align:top; } ul.boxed-layout .post .post-content { padding: 20px 30px; display: table; width: 50%; min-height: 266px; } #page.no-sidebar ul.boxed-layout .post .post-content { padding: 20px 30px; min-height: 338px; } ul.boxed-layout .post .post-content .post-content-inner { vertical-align: middle; display: table-cell; } ul.boxed-layout li.post:nth-child(even) .post-img { float: right; } /* box list Post Style end */ /* list Post Style start */ ul.list-layout .post .post-img { width: 40%; float: left; display: inline-block; position: relative; } .content ul.list-layout .post{ box-shadow:none; overflow:hidden; } ullist-layout .post .post-content .post-content-inner { vertical-align: middle; display: table-cell; } ul.list-layout .post .post-content { padding: 20px 3% 20px; display: table; width: 60%; } ul.list-layout .post .post-content .post-header{ text-align:left; } ul.list-layout .post .post-content .post-meta .post-date, ul.list-layout .post .post-content .post-meta .post-comment{ margin-right:10px; float:none; } .content .list-layout .post-content .description { padding-top: 20px; padding-bottom: 15px; } ul.list-layout .post .post-content .read-more{ text-align: left; } .content .ul.list-layout .post-content .read-more a { border: none; padding: 0; } /* list Post Style end */ /**SIDEBAR START**/ .widget { word-wrap: break-word; } /*.widget:last-child .sidebar-inner-widget{ margin-bottom:0; }*/ .widget img { max-width: 100%; height: auto; } .sidebar-inner-widget { word-wrap: break-word; overflow: hidden; background:#fff; padding:15px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); box-sizing: border-box; margin: 0 0 1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .widgettitle { border-bottom: 1px solid; border-color: rgba(221, 221, 221, 0.35); font-size: 14px; color: #5a5d5a; text-transform: uppercase; letter-spacing: 2px; font-family: "Lato-regular"; text-align: center; margin-bottom: 25px; padding: 5px 0; } .footer-wrapper .widget .widgettitle{ padding: 0; padding-bottom: 20px; text-align: left; } .sidebar-inner-widget .widgettitle{ padding: 0 15px; line-height: 33px; font-size: 15px; color: #fff; border:0; margin-bottom: 15px; text-transform: uppercase; display: inline-block; background-color:#66cda9; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .widget ul { margin: 0; padding: 0; } .widget li { margin: 0; padding: 0.335em 0; list-style: none; clear: both; } .widget ul ul { margin: 6px 0 -6px 0px; padding: 0; border-top: none; } .widget ul ul li { margin: 0; padding-left: 10px; } .tagcloud { overflow: hidden; } .recent-comments-list .avatar { margin-right: 1em; float: left; border-radius: 1px; } .recent-comments-list .post-excerpt { padding-left: 70px; display: block; } .recent-comments-list li { margin-bottom: 1.55em; position: relative; } .widget .flickr_badge_image { margin-top: 0.556em; } .widget .flickr_badge_image img { width: 81px; height: 81px; margin-right: 0.667em; margin-bottom: 0.667em; float: left; } .widget #wp-calendar caption { font-weight: bold; padding-bottom: 10px; } .widget #wp-calendar td { width: 51px; padding: 6px 2px; text-align: center; } .footer-wrapper tbody>tr>td>a { background: #CDCDCD; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; display: block; width: 32px; height: 32px; line-height: 32px; } .widget img{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .widget #wp-calendar th { text-align:center; background: #F9F9F9; } .widget #wp-calendar caption { letter-spacing: 1px; font-weight: normal; } tfoot tr #prev a{ float:left; } .widget .twitter-user a { color: darkkhaki; } .widget .twitter-list .twitter-timestamp { font-style: italic; font-size: 90%; display: block; } .widget .follow-user { margin: 0; padding: 5px 0; } .widget .feature-posts-list br { display: none; } .widget .feature-posts-list .post-img { margin: 4px 12px 10px 0; float: left; } .widget .feature-posts-list small { font-style: italic; font-size: 90%; display: block; margin: 0 0 3px; } .widget .feature-posts-list .feature-posts-title { margin: 0.250em 0 0.188em; padding-left: 1em; } .widget .feature-posts-list .post-excerpt { display: block; padding-left: 5em; padding-top: 8px; padding-bottom: 10px; } .widget .feature-posts-list .avatar { border-radius: 1px; float: left; } .widget .about-img { text-align:center; } .widget .about-square{ margin-bottom: 10px; max-width: 100%; height: auto; border-radius:2px; } .instagram-pics li{ padding:0px; display:inline-block; max-width: 31%; margin: 0px 1% 1% 1%; } .instagram-pics li:last-child{ margin-right:0px; } .instagram-pics li img{ width:100%; } .widget .th-aboutme{ text-align:left; line-height: 26px; } .widget .th-aboutme img{ max-width:100%; } .th-aboutme ul li { padding: 0px 10px; display: inline-block; } .th-aboutme a.read-more { display: block; } .about-social-meta{ padding-top:20px; } .widget .th-aboutme p { margin: 0; } .page-template-magazine-template .widgettitle{ text-align:left; } .th-widget-recent-post{ padding-bottom:12px; overflow:hidden; } .th-widget-recent-post .thumb{ max-width: 34%; float:left; } .th-widget-recent-post .thumb img{ max-width: 100% -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .th-widget-recent-post .th-recent-post{ overflow:hidden; padding:0px 10px } .th-widget-recent-post .th-recent-post h5{ line-height:20px; padding-bottom:0px; } .th-widget-recent-post .th-recent-post h5 a{ display: block; font-size: 14px; } /*social-widget*/ ul.latest-social { overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } ul.latest-social li{ background: none; width: 33.33%; float: left; padding: 0; padding: 0; text-align: center; clear: none; } ul.latest-social li a i { color: #fff; display: block; padding: 15px 18px; vertical-align: middle; font-size: 21px; } ul.latest-social li a i.fa-facebook,ul.latest-social li a i.fa-linkedin,ul.latest-social li a i.fa-twitter { background: #101820; } ul.latest-social li a i.fa-pinterest,ul.latest-social li a i.fa-google-plus,ul.latest-social li a i.fa-youtube-play{ background:#1b2835; } ul.latest-social li a i:hover { opacity: .9; } .widget span.screen-reader-text { display: none; } form.search-form{ text-align:center; } .widget input.search-field{ width:100%; } .widget input.search-field, .search input.search-field, .error404 input.search-field{ height:45px; max-width: 350px; padding-left:15px; border:1px solid #eee; padding-right:10px; font-size: 15px; letter-spacing: 1px; } .widget .tweet-content { padding: 6px; line-height: 18px; letter-spacing: 1px; } .widget .tweet-content .time{ padding-top: 5px; display: block; text-align: right; } .widget .twitter-user { padding-top: 10px; letter-spacing: 1px; } .mc4wp-form{ margin: 0!important; background: #f3f3f3; padding: 30px; overflow: hidden; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } .mc4wp-form input[type=email]{ height:41px; } .footer .mc4wp-form { background: none; } .mc4wp-form label { display:none!important; } .mc4wp-form input[type=submit] { padding: 10px 0; float: right; border: 0; width: 100%; height: 41px; cursor: pointer; text-align: center; padding-top: 10px; color: white; transition: all 0.25s linear; background: #cd9f66; margin-top: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .form.mc4wp-form input[type="email"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; background-color: #fff; float: left; padding: 12px 0; text-indent: 10px; color: #999; border: 1px solid #DDD; box-shadow: 1px 1px 3px #EEE inset; box-sizing: border-box; letter-spacing: 1px;} /**SIDEBAR END**/ /* Back to top Start */ #move-to-top { color: #fff; cursor: pointer; display: inline-block; font-weight: bold; padding: 9px 10px; position: fixed; right: 10px; bottom: 10px; width: 40px; z-index: 999; background: #cd9f66; transition: all 0.25s linear; -webkit-backface-visibility: hidden; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); box-sizing: border-box; } #move-to-top:not(.filling) { opacity: 0; visibility: hidden; } #move-to-top .fa-angle-up:before { font-size:20px; } /* Back to top end */ /* Footer Style Start */ .hk-instagram h4.widgettitle { background-color: #fff; border: 0; font-size: 19px; font-weight: 500; color: #5a5d5a; margin: 0; padding: 20px 0; } .hk-instagram .instagram-pics li a { margin: 0; padding: 0; border: 0; vertical-align: baseline; } .hk-instagram .instagram-pics li { padding: 0px; display: inline-block; max-width: 12.5%; margin: 0; background: none; border: 0; vertical-align: top; box-shadow: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .hk-instagram .instagram-pics li img { max-width: 100% !important; height: auto !important; margin: 0 !important; border: 0 !important; vertical-align: middle; } .hk-instagram .widget{ margin:0; } .footer .footer-widget-column .widget { width: 22.3%; float: left; position: relative; margin-bottom:30px; margin-right: 3.6%; } .footer .footer-widget-column.footer-widget-3column-active .widget { width: 30.9%; } .footer .footer-widget-column .widget:last-child, .footer .footer-widget-column.footer-widget-3column-active .widget:last-child{ margin-right: 0%; } .footer-wrapper { background-color: #111; } .footer-wrapper .footer-copyright { text-align: center; overflow:hidden; padding:30px 0; } .footer-wrapper .footer-copyright .copyright { display: block; color: #ddd; } .footer-wrapper .footer-copyright .copyright a{ color: #ddd; } .footer-wrapper .footer-copyright ul li { display:inline; } .footer-wrapper .footer-copyright .social-icon { display:block; } .footer-wrapper .footer-copyright .social-icon ul li{ display:inline; } .footer-copyright { padding: 0 20px; } .footer-wrapper .footer-copyright ul li.social-icon ul{ padding-top: 10px; } .footer { overflow: hidden; padding-top: 0px; } .footer-widget-column .widget{ margin-top:0px; } .single .sidebar-wrapper .tagcloud{ max-width: 100%; } .footer-inner-widget{ margin-top:50px } /* Footer Style End */ /* Page Style Start */ .pagewrap { margin-top: 140px; } .pagewrap img{ max-width:100%; } .pagewrap ul, .pagewrap ol { padding-left: 45px; margin-bottom: 20px; } .pagewrap ul li { margin-bottom: 12px; list-style: square; } .pagewrap ol li { margin-bottom: 12px; list-style: decimal; } /* Page Style End */ /* Single Page Style Start */ .content .post-title { letter-spacing: 2px; margin-bottom: 20px; } .single .post-content { padding:0px 30px 40px 30px; height:auto; background:#fff; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 2px 3px rgba(0,0,0,.1); box-sizing: border-box; } .single .navigation.post-navigation .nav-previous, .single .navigation.post-navigation .nav-next { background: #ffffff; padding: 10px 20px; border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); box-sizing: border-box; white-space: nowrap; max-width: 350px; overflow: hidden; text-overflow: ellipsis; position:relative; } .single .navigation.post-navigation span.meta-nav { text-transform: uppercase; font-size: 12px; letter-spacing: 0.7px; } .single .navigation.post-navigation { padding-bottom: 0; margin-top: 20px; margin-bottom: 20px; display: inline-block; width: 100%; } .single .post-content img{ max-width:100%; margin-bottom:20px; } .single .single-meta{ text-align:center; padding: 30px 30px 0; background: #fff; -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 -1px 3px rgba(0,0,0,.1); box-shadow: 0 -1px 3px rgba(0,0,0,.1); box-sizing: border-box; } .navigation.post-navigation .nav-previous, .navigation.post-navigation .nav-next, .related-post, span.edit-link a, #commentsbox { padding: 0 30px; } .single #commentsbox { padding: 15px 15px 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); box-sizing: border-box; } .single #commentsbox h1.post-info{ font-size: 28px; line-height:36px; } .single span.post-date, .single span.post-author { padding-right: 10px; padding-left: 10px; } .content .standard-layout .post .post-meta .post-author, .content .standard-layout .post .post-meta .post-date { position: static; display: inline-block; width: 30%; } .content .standard-layout .post .post-meta .post-author{ text-align: right; } .content .standard-layout .post .post-meta .post-date{ text-align: left; } .single span.byline { padding-right: 5px; } .single .post-content .post-share { float:right; display: inline-flex; padding: 5px 0px; } ul.single-social-icon li { display: inline-block; margin-left: 9px; } ul.single-social-icon li a i{ font-size:16px; } .single-bottom-meta { overflow: hidden; padding-bottom: 10px; } .single .tagcloud { float:left; max-width: 60%; } .post-nav .prev { float: left; text-align: left; } .post-nav .next { float: right; text-align: right; } .content .navigation.post-navigation .nav-links a, .search .pagination a{ padding:15px 5px; color: #6f6f6f; font-weight: 500; -webkit-font-smoothing: antialiased; } .related-post { padding:0; margin-bottom: 30px; display: inline-block; width: 100%; } li.sl-related-thumbnail { width: 30.6%; float: left; list-style-type: none; margin-right: 4%; background:#fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); box-sizing: border-box; } li.sl-related-thumbnail img{ width:100%; height:auto; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } .related-post li.sl-related-thumbnail h3{ text-align: center; display: inline-block; margin: 10px 0; font-size:15px; padding:0 15px; border:none; } .related-post li:last-child { margin-right: 0px; } /*Comment Style Start*/ #commentsbox { margin: 0; padding:0; } ol.commentlist { clear: both; overflow: hidden; list-style: none; margin: 0; padding: 0px; } ol.commentlist li { line-height: 18px; margin: 15px 0 15px; padding: 10px; padding-left: 0px; padding-right: 0px; } ol.commentlist li .comment-body { margin-left: 80px; position: relative; border: 1px solid rgba(221, 221, 221, 0.35); padding: 10px 10px 5px 15px; background: transparent; border-radius: 3px; } ol.commentlist li .comment-author a:link, ol.commentlist li .comment-author a:visited { color: #5a5d5a; text-decoration: none !important; font-size: 13px; } .comment-author.vcard { display: inline; } .comment-metadata time{ font-size: 12px; letter-spacing: 1px; } .comment-author.vcard a { margin-bottom: 8px; font-size: 16px; } .comment-author.vcard span.says { display: none; } cite.fn { color: #5a5d5a; font-style: normal; margin-right: 8px; } b.fn { font-size: 15px; letter-spacing: 1px; color: #424242; font-weight: normal; } ol.commentlist li .comment-author .avatar { float: left; margin-right: 10px; margin-bottom: 10px; position: absolute; left: -81px; top: -1px; width: 60px; height: 60px; border-radius: 3px; border: 1px solid rgba(221, 221, 221, 0.35); padding: 5px; } ol.commentlist li .comment-author .avatar:hover { -webkit-animation: bounceIn_single 0.7s ease-in-out; -moz-animation: bounceIn_single 0.7s ease-in-out; -o-animation: bounceIn_single 0.7s ease-in-out; animation: bounceIn_single 0.7s ease-in-out; } ol.commentlist li .comment-meta { display: inline; } ol.commentlist li .comment-meta a { color: #858484; text-decoration: none !important; display: inline-block; } ol.commentlist li p { line-height: 22px; margin-top: 5px; color: #666; } ol.commentlist li .reply { margin-top: 10px; font-size: 10px; text-align: right; padding-bottom: 20px; display: block; margin-left: -25px; margin-right: -10px; padding-right: 10px; } ol.commentlist li .reply a { color: #2f516d; font-size: 14px; position: absolute; bottom: 5px; right: 0px; padding-right: 20px; letter-spacing: 1px; } ol.commentlist li ul.children { list-style: none; text-indent: 0; margin: 1em 0 0; } .comment-nav { height: 20px; padding: 5px; } .comment-nav a:link, .comment-nav a:visited { color: #f96e02; } #respond { margin: 10px 0; padding: 0; } #respond h3 { font-size: 18px; color: #555; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #eee; } #respond label{ display: block; } #commentform input#author, #commentform input#email, #commentform input#url{ height:35px; width:316px; border:1px solid #eee; padding:0 5px; } textarea#comment { width: 100%; height:200px; margin-top:40px; padding:5px; border:1px solid #eee; } p.comment-form-email, p.comment-form-url{ margin-top:20px; } #commentform input#submit { background-color:#66cda9; color: #fff; border: none; padding: 10px; margin-top: 20px; border-radius: 2px; } .nav-next { float: right; } .nav-links .nav-next a:after , .content #main .pagination .newer a:after{ font-size: 18px; font-family: FontAwesome; content: "\f101"; line-height: 10px; position: absolute; top: 40%; left: auto; margin-left: 8px; right: 10px; } .nav-links .nav-previous { float: left; } .nav-links .nav-previous a:before, .content #main .pagination .older a:before{ font-size: 18px; font-family: FontAwesome; content: "\f100"; line-height: 10px; position: relative; top: 40%; position: absolute; left: 8px; margin-right: 5px; } .multipage-links { text-align: right; margin-bottom:40px; } .multipage-links span{ padding: 3px 6px; display: inline-block; } .multipage-links span.meta-nav{ color:#5a5d5a; } .multipage-links span{ color:#cd9f66; border-bottom:1px solid #cd9f66; } .multipage-links a span, .multipage-links span.meta-nav{ color:#5a5d5a; border-bottom:none; } ol.commentlist li ul.children { margin-left: 80px; } /*Comment Style End*/ /***Post Format Start***/ /*Standard post layout*/ .standard-layout .post-title h2, .single .post-title h1 { font-size: 28px; margin: 0; padding: 0; letter-spacing: 0.6px } .standard-layout .post .description{ padding:30px 30px 0px 30px; } .content .standard-layout .post .post-gallery-slider img{ margin-bottom:0px; } .owl-wrapper-outer.autoHeight { overflow: hidden; } a.more-link { color: #cd9f66; display: block; text-align: center; margin-top: 40px; margin-bottom: 30px; letter-spacing: 1.5px; } .content .standard-layout .post { box-shadow: none; } .comment object, .comment embed, iframe { max-width: 100%; /**padding:20px 0px; **/ } .content .standard-layout .post .post-header, .standard-layout .format-link .post-title{ text-align:center; padding: 30px 30px 0px 30px; } .standard-bottom-meta { overflow: hidden; padding: 30px 30px 30px 30px; } .content .standard-layout .post span.post-comment{ float:left; } .content .standard-layout .post .post-share { float: right; display: inline-flex; padding: 5px 0px; } .post-gallery-slider { padding-bottom: 20px; } .post-gallery-slider .item img{ margin-bottom: 0px; } /***Post format start here***/ .video-wrapper { padding-top: 56.25%; width: 100%; position: relative; } .video-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /***Audio post format***/ .format-audio .video-wrapper { padding:0; } .format-audio iframe { position: relative; width: 100%; height: 185px; } /***Link post format***/ .standard-layout .format-link { background: #ececec; min-width: 100%; } .standard-layout .format-link h2{ color: #cd9f66; font-size: 26px; padding:50px 50px 50px 80px; line-height:40px; font-style: italic; letter-spacing:1px; } .standard-layout .format-quote blockquote{ border:none!important; } .standard-layout .format-link h2:before{ content:"\f0c1"; font-family:fontawesome; font-size:40px; padding-right:10px; vertical-align: middle; } /***Quote post format***/ .format-quote blockquote { padding: 60px 30px 40px; margin: 20px 0; } .format-quote blockquote p{ font-size: 26px; line-height: 40px; font-style: italic; } .format-quote blockquote a{ font-style: normal; } .format-quote blockquote p:before { font-style: normal; font-family: Playfair Display; content: '\201c'; font-size: 160px; color: #cd9f66; vertical-align: middle; } /***Post format end here***/ /***Pagination start here***/ .navigation.pagination{ margin-bottom:70px; } .navigation.pagination .nav-links{ text-align:center; } .nav-links .page-numbers.current,.nav-links .page-numbers:hover{ border: 1px solid #cd9f66; background:#cd9f66; color:#fff; } .nav-links .page-numbers{ border: 1px solid #cd9f66; padding: 5px 10px!important; font-size: 14px; color: #adadad; background-color: #fff; margin: 0px 5px; } .nav-links .page-numbers { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); box-sizing: border-box; margin: 0 0 1.5em; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } /***Pagination load more button start here***/ .th_more_posts { text-align: center; margin-bottom: 70px; display: block; } .th_more_posts a#more_posts { cursor: pointer; font-size: 16px; border: 1px solid #cd9f66; padding: 7px 10px; display: inline-block; } .th_more_posts a#more_posts:hover{ color:#fff;border: 1px solid #cd9f66; background:#cd9f66; } .th_more_posts a#more_posts.no-load-more, .th_more_posts a#more_posts.no-load-more:hover{ cursor: not-allowed; background:#EAEAEA; border:none; color: #666666; } a#inifiniteLoader { position: fixed; z-index: 2; bottom: 15px; right: 0; left: 0; text-align: center; display:none; } a#more_posts img { z-index: 2; bottom: 15px; right: 0; left: 0; text-align: center; display:none; } /* Single Page Style End */ /****Image Effect***********/ .post-img img{ vertical-align:bottom; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } .content .standard-layout .post.format-standard .post-img { position: relative; border-top: 4px solid #cd9f66; } .content .standard-layout .post.format-standard .post-img :before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; z-index: 1; background: rgba(0,0,0,0.2); } .content .standard-layout .post.format-standard .post-img :hover:before { background: rgba(0,0,0,0.5); } .content .two-grid-layout .post-img { position: relative; border-top: 4px solid #cd9f66; } .content .two-grid-layout .post-img :before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; z-index: 1; background: rgba(0,0,0,0.2); } .content .two-grid-layout .post-img :hover:before { background: rgba(0,0,0,0.5); } .content .three-grid-layout .post-img { position: relative; border-top: 4px solid #cd9f66; } .content .three-grid-layout .post-img :before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; z-index: 1; background: rgba(0,0,0,0.2); } .content .three-grid-layout .post-img :hover:before { background: rgba(0,0,0,0.5); } ul.list-layout .post .post-img{ position: relative; border-top: 4px solid #cd9f66; } ul.list-layout .post .post-img :before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; z-index: 1; background: rgba(0,0,0,0.2); } ul.list-layout .post .post-img :hover:before { background: rgba(0,0,0,0.5); } ul.boxed-layout .post .post-img{ position: relative; border-top: 4px solid #cd9f66; } ul.boxed-layout .post .post-img :before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; z-index: 1; background: rgba(0,0,0,0.2); } ul.boxed-layout .post .post-img :hover:before { background: rgba(0,0,0,0.5); } /****Image Effect End***********/ @media screen and (max-width: 1230px){ #page, .container { max-width: 96%; } } @media screen and (max-width:1024px){ nav.breadcrumb-trail{ display:flex; } /*body-overlay*/ body.mobile-menu-active:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; z-index: 999; background:rgba(255, 255, 255, 0.81); -webkit-animation-name: bodyfadeIn; animation-name: bodyfadeIn; } .mobile-menu-active .header a#pull{ z-index:999; } @-webkit-keyframes bodyfadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes bodyfadeIn{ 0% {opacity: 0;} 100% {opacity: 1;} } nav.breadcrumbs li{ width: auto!important; } .header .logo { width: 80%; } .header #main-menu-wrapper{ width: 20%; } header.smaller #main-menu-wrapper nav.navigation ul { padding: 30px 0; } #main-menu-wrapper nav.navigation .menu{ padding:0px; } .navigation { width: 100%; border: none !important; display: none; } .navigation ul .current-menu-item > a, .navigation ul li a:hover { background: #cd9f66; color: #fff; } .navigation .menu a, .navigation .menu .fa > a, .navigation .menu .fa > a { color: #000!important; background: transparent; } .navigation .menu { display: block!important; float: none; background: transparent; margin-bottom: 45px; } .navigation ul ul { visibility: visible!important; opacity: 1!important; position: relative; left: 0!important; border: 0; width: 100%; } .navigation ul li li { background: transparent; border: 0; } nav { height: auto } nav li, .navigation ul li li { width: 100%!important; float: left; position: relative; } .navigation ul li:after { display: none } .navigation ul li:before { display: none } nav li a { border-bottom: 1px solid rgba(193, 193, 193, 0.2)!important; width: 100%!important; box-sizing: border-box; } nav a { text-align: left; width: 100%; text-indent: 25px; } .header a#pull { top: 16px; display: block; width: 100%; color: #000; padding: 10px 0; text-indent: 15px; text-align: right; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} .home .header a#pull { color: #fff; } .single .smaller .header a#pull, .page .smaller .header a#pull { top:0px; } a#pull:after { content: "\f0c9"; display: inline-block; font-size:30px; font-family: FontAwesome; } .mobile-menu-active a#pull:after { content: "\f00d"; } .header-wrapper header.smaller a#pull {color: #000;} .navigation ul .sfHover a, .navigation ul li:hover, .navigation ul .sfHover ul li { background: transparent } .mobile-menu-active .main-container, .mobile-menu-active #site-header, .mobile-menu-active .footer { left: 300px; transition: left 500ms ease; } .navigation.mobile-menu-wrapper { display: block; position: fixed; top: 0px; left: -300px; width: 300px; height: 100%; background-color: #fff; border-right: 1px solid rgba(0, 0, 0, 0.2)!important; overflow: auto; transition: left 500ms ease; -webkit-backface-visibility: hidden; z-index: 99999;} .mobile-menu-active .navigation.mobile-menu-wrapper { left: 0 } .navigation ul li { width: 100%; display: block; } .navigation ul li:hover { background: none } .navigation ul li a, .navigation ul ul a { padding: 9px 0; width: 100%; border: none; } .navigation ul ul { position: static; width: 100%; border: none; } .navigation ul ul li { background: none; width: 100%; } .navigation i { display: inline } .navigation ul ul a { padding: 9px 18px !important } .navigation ul ul ul a { padding: 9px 27px !important } .navigation ul ul ul ul a { padding: 9px 36px !important } .navigation .toggle-caret { display: block; width: 43px; height: 44px; line-height: 43px; color: #6C6969; border-left: 1px solid rgba(193, 193, 193, 0.2); } .navigation .toggle-caret i { margin-right: 0 } #main-menu-wrapper .menu-item-has-children > a:after{ display:none; } .top-searchfrom { position:absolute; right:30px; } .top-searchfrom input { background: rgba(255, 255, 255, 0.14); border: none; position:relative; color: #fff; height:auto; line-height: normal; margin-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none:; margin-left: 25px; } .top-searchfrom input#s{ border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .top-searchfrom #searchform:before{ border-bottom-right-radius: 5px; border-top-right-radius: 5px; } /*top-menu-responsive*/ .mobile-top-menu-active .inner-wrap-top{ left: 0; } .inner-wrap-top{ display: block; position: fixed; top: 0px; left: -300px; width: 300px; height: 100%; background-color:#0e0e0e; border-right: 1px solid rgba(0, 0, 0, 0.2)!important; overflow: auto; transition: left 500ms ease; -webkit-backface-visibility: hidden; z-index: 99999; } .header-wrap-top a#pull { display:block; } .header-wrap-top a#pull { display:block; position: absolute; color: #fff; right:0;padding:10px 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .header-wrap-top a#pull:after { content: "\f0c9"; display: inline-block; font-size: 14px; font-family: FontAwesome; } .mobile-top-menu-active .header-wrap-top a#pull:after { content: "\f00d"; } .header-wrapper header.smaller .header-wrap-top a#pull{ color:#fff; } .header-wrap-top .top-date{ width:auto; } .header-wrap-top .top-menu { float: none; width: 100%; } .logged-in .header-wrap-top .top-menu .top{ margin-top:40px; text-align:left; } .header-wrap-top .top-menu .top{ text-align:left; } .header-wrap-top .top-menu .top li{ width:100%; line-height: 44px; border-bottom: 1px solid rgba(193, 193, 193, 0.2)!important; width: 100%!important; box-sizing: border-box; padding-left:25px; } .header-wrap-top .top-social-icon{ float:left; width:100%; text-align:left; margin: 0px 25px } .header-wrap-top .top-social-icon li { display: inline-block; margin-left: 0px; margin-right: 15px; } .widgettitle { letter-spacing: 0.6px; } .widget .cat-item a,.th-widget-recent-post .th-recent-post h5 a{ font-size:13px; } .content .post .post-meta .post-date, .slider-post-date span, .th-recent-post .th-recent-meta .post-date, .post span.post-comment a, .post span.post-comment { font-size: 11px; } ul.latest-social li a i{ font-size:16px; } .standard-layout .post-title h2, .single .post-title h1 { font-size: 26px; line-height: 34px; } .content .navigation.post-navigation .nav-links a{ padding:0; } } /****Slider media End*******/ @media screen and (min-width: 767px){ ul.five-grid-layout li.post .post-content .post-meta .post-date, ul.five-grid-layout li.post .post-content .post-meta .post-comment{ float: none; display: block; width: 100%; line-height: 15px; } } @media screen and (max-width: 768px){ .content { width: 68%; } .sidebar-wrapper { width: 30.5%; } .widget .cat-item a { width: 84%; } #commentform textarea#comment{ width:100%; } ul.three-grid-layout li.post, ul.four-grid-layout li.post, ul.five-grid-layout li.post{ width:48% } ul.three-grid-layout li.post:nth-of-type(even), ul.four-grid-layout li.post:nth-of-type(even), ul.five-grid-layout li.post:nth-of-type(even) { margin-right:0px; } ul.three-grid-layout li.post:nth-of-type(2n+1), ul.five-grid-layout li.post:nth-of-type(2n+1){ margin-right: 4%; } .footer .footer-widget-column.footer-widget-3column-active .widget:nth-child(3n+3){ margin-top:0px; } ul.boxed-layout .post .post-img, .content .boxed-layout .post { width: auto; max-width: 585px; margin-left:auto; margin-right:auto; } ul.boxed-layout .post .post-content { width: 100%; padding: 17px 4% 35px!important; } ul.three-grid-layout li.post:nth-child(3n+1), ul.four-grid-layout li.post:nth-child(4n+1), ul.five-grid-layout li.post:nth-child(5n+1){ clear:none; } ul.three-grid-layout li.post:nth-child(2n+1), ul.four-grid-layout li.post:nth-child(2n+1), ul.five-grid-layout li.post:nth-child(2n+1){ clear:both; } .single-bottom-meta, .footer-wrapper .footer-copyright { text-align: center; } .single .tagcloud, .single .post-content .post-share{ padding:10px 0; float:none; } .single .tagcloud { max-width: 100%; } .footer-wrapper .footer-copyright .copyright, .footer-wrapper .social-icon { display:block; } .related-post{ margin-top:0px; } .sl-related-thumbnail h3{ line-height:22px; } .slider-post-content-wrapper p{ display:none; } .slider-post-content .read-more-slider a { padding: 7px 10px; font-size: 12px; } .slider-post-category span a { font-size: 11px; } } @media screen and (max-width: 767px){ .content { width: 100%; max-width: 100%; float: none; margin:0 auto; clear:both; } .sidebar-wrapper{ max-width: 400px; width: 100%; float:left; margin: 0px auto 0px; } .sidebar{ margin-left:0px; } .related-post { padding:0; margin-bottom: 85px; overflow: initial; display: inline-block; width: 100%; } .related-post li.sl-related-thumbnail{ background:#fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); box-sizing: border-box; } .related-post li.sl-related-thumbnail h3{ padding:0 15px; border:none; } .page-content { margin-bottom: 30px; } .page .sidebar-wrapper{ margin-top: 30px; float:none!important; margin: 0px auto 0px; } .footer .footer-widget-column.footer-widget-3column-active .widget{ max-width: 100%; width:445px; margin:0 auto; float: none; } .footer .footer-widget-column .widget:last-child, .footer .footer-widget-column.footer-widget-3column-active .widget:last-child{ margin-right:auto; } } @media screen and (max-width: 550px){ .slider-post-content .read-more-slider { margin-top: 5px; } .slider-post-content .slider-post-title h2 { font-size: 40px; line-height: 18px; } .flex-slider li .caption-content h1 { font-size: 30px; line-height: 36px; } .fs-desc { display: none; } .flex-slider li .caption-content { left: 14%; } .read-more.read-more-slider { margin-top: 20px; } .header-bottom .social-icon { float: none; text-align: center; border-bottom: 1px solid rgba(221, 221, 221, 0.35); } .header-bottom .search-wrapper { float: none; text-align: center; } .header-bottom .search-wrapper #searchform { padding-right: 0px; } .header-bottom .search-wrapper input[type="text"]{ width:100%; } .header-bottom .search-wrapper input[type="submit"]{ display:none; } ul.two-grid-layout li.post, ul.three-grid-layout li.post, ul.four-grid-layout li.post,ul.five-grid-layout li.post { width:100%; margin-right:0px; } .standard-layout .format-link h2 { padding: 25px 25px 25px 25px; } li.sl-related-thumbnail, .related-post li:last-child { width: 100%; max-width:358px; margin: 0 auto 40px; text-align: center; float: none; } .related-post { margin-bottom:0px; } .content ul.list-layout .post, ul.list-layout .post .post-content .read-more, ul.list-layout .post .post-content .post-header { text-align:center; } ul.list-layout .post .post-img { max-width: 320px; width:auto; float: none; } ul.list-layout .post .post-content { padding: 17px 3% 35px; width: auto; max-width: 320px; margin: 0 auto; } ul.list-layout .post .post-content .read-more { text-align: center; } /*start masnory responsive*/ ul.load_post.masnory-layout{ max-width: 365px; margin: 0 auto; } ul.masnory-layout li.post { width:100%; float:none; max-width: 365px; } .masnory-layout .post { margin:1%; } ol.commentlist li ul.children { margin-left:auto; } } /*end masnory responsive*/ @media screen and (max-width: 480px) { a#pull { right:15px; } .logo{ max-width:180px; } .slider-post-content .read-more-slider a { padding: 5px 5px; font-size: 10px; } .header-bottom .contact-details .social-icon, .header-bottom .contact-details .search-wrapper { float: none; } .header-bottom .contact-details .social-icon{ border-bottom:1px solid #ddd; text-align: center; } .header-bottom .contact-details .search-wrapper { text-align: center; border-left:1px solid #ddd } .header-bottom .contact-details .search-wrapper input[type="text"] { border-left:none; } #commentform input#author, #commentform input#email, #commentform input#url{ width:100%; } }