/* Theme Name: Ganter Theme URI: http://demo.vanthemes.com/ganter Description: Ganter is a Premium Personal WordPress Theme. Author: VanThemes Author URI: http://themeforest.net/user/VanThemes Version: 1.1.0 Tags: green, blue, pink, purple, yellow, two-columns, left-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, post-formats, translation-ready License: The License with which You Bought This Theme from Themeforest License URI: http://themeforest.net/licenses Text Domain: van */ /*------------------------------------------------------------------ [Table of contents] 1 - Elements 2 - Typography 3 - Forms 4 - Layouts 5 - Header 5.1 - Header Navigation 6 - Post Elements 7 - Featured Posts 8 - Post 8.1 - Author Box 8.2 - Related Posts 8.3 - Comments 9 - Breadcrumb 10 - Pages 11 - Widgets 12 - Footer 13 - Animations 14 - Retina 15 - IE 16 - Custom Styles -------------------------------------------------------------------*/ /* + 1 - Elements ---------------------------------------------------------------------*/ hr { background-color: #F4F6F5; height: 1px; margin-bottom: 1.6em; } dl { margin-bottom: 1.6em } dt { font-weight: bold } dd { margin-bottom: 1.6em } table, th, td { border: 1px solid #F4F6F5 } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0 } th, td { padding: 0.4em 1em } img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; } figure { margin: 0 } del { opacity: 0.8 } address { font-style: italic } ul, ul li { list-style: none; margin: 0px; padding: 0px; } a { outline: 0; color: #f3355e; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration: none; } a:hover { color: #F3355E; text-decoration: underline; } a:focus, a:active { color: #F3355E; outline: 0; outline-offset: 0; text-decoration: none; } a:focus, a:active, a:hover { outline: 0 } ::selection { background: #F3355E; color: #fff; } ::-moz-selection { background: #F3355E; color: #fff; } /* + 2 - Typography ---------------------------------------------------------------------*/ body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.8em; color: #666; -webkit-font-smoothing: antialiased; background: #eeeeee; } /* body { font-family: Georgia, serif; font-size: 13px; line-height: 1.7em; color: #666; -webkit-font-smoothing: antialiased; background: #eeeeee; } */ h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #5e646a; line-height: 1.4em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #5e646a } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #F3355E; text-decoration: none; } h1 { font-size: 2em } h2 { font-size: 1.35em } h3 { font-size: 1.17em } h4 { font-size: 1.12em } h5 { font-size: .83em; text-transform: uppercase; } h6 { font-size: .75em; text-transform: uppercase; } /* + 3 - Forms ---------------------------------------------------------------------*/ input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea { outline: 0; border: 1px solid #f4f6f5; color: #82878d; font-size: 13px; padding: 10px; font-family: "Open Sans", Arial, Helvetica, sans-serif; line-height: 1.4; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus { border-color: #F3355E } textarea { width: 100%; resize: vertical; line-height: inherit; } input[type="submit"], button, .btn, #comments .replay { padding: 8px 10px; outline: 0; border: 0; text-align: center; background: #F3355E; color: #fff; font-size: 13px; text-transform: uppercase; -ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-family: "Open Sans", Arial, Helvetica, sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input[type="submit"]:hover, button:hover, .btn:hover, #comments .replay:hover { background: #242e37; -ms-transform: translatey(-5px); -moz-transform: translatey(-5px); -webkit-transform: translatey(-5px); transform: translatey(-5px); } /* + 4 - Layouts ---------------------------------------------------------------------*/ /* Default color*/ .t-cr { color: #F3355E } .e-bg { background-color: #F3355E } .e-br { border-color: #F3355E } /* Float */ .float-1 { float: left } .float-2 { float: right } .clear { width: 100%; height: 0; clear: both; display: block; } /* margin */ .mrb { margin-bottom: 30px } /* Remove unnecessary boostrap styles*/ /* .container { padding: 0 } */ .tooltip { display: inline; display: run-in; display: initial; font-size: inherit; line-height: inherit; opacity: 1; position: static; } .page-header { border-bottom: 0; margin: 0; padding: 0; } /* Sections style*/ .content-box { background: #fff; border: 1px solid #dddddd; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); } /* Loading */ .loading-container { display: none } .b-load { overflow: hidden } .b-load .carousel-item { opacity: 0; visibility: hidden; } .b-load .loading-container { display: block; position: absolute; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; text-align: center; overflow: hidden; } .b-load .loading-container .loader { position: absolute; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; } .loading-container { display: none } .loader { width: 1em; height: 1em; font-size: 50px; position: relative; } .loader:before, .loader:after { content: ""; top: 0; display: block; width: 1em; height: 1em; position: absolute; border-width: 0.5em; border-style: double; border-color: transparent; box-sizing: border-box; border-radius: 1em; -webkit-animation: spin 1s infinite; -moz-animation: spin 1s infinite; -o-animation: spin 1s infinite; animation: spin 1s infinite; } .loader:after { left: 0; border-left-color: #F3355E; } .loader:before { right: 0; border-right-color: #F3355E; animation-delay: -0.25s; } /* Social icons */ .social-networks ul, .social-networks li { list-style: none } .social-networks ul li a.fa-search { background: #F3355E; width: 40px; } .social-networks ul li a.fa-facebook { background: #3b5998 } .social-networks ul li a.fa-twitter { background: #55acee } .social-networks ul li a.fa-google-plus { background: #dd4b39 } .social-networks ul li a.fa-youtube-play { background: #e52d27 } .social-networks ul li a.fa-instagram { background: #3f729b } .social-networks ul li a.fa-linkedin { background: #3f729b } .social-networks ul li a.fa-github { background: #999999 } .social-networks ul li a.fa-skype { background: #00aff0 } .social-networks ul li a.fa-behance { background: #1769ff } .social-networks ul li a.fa-vimeo { background: #1ab7ea } .social-networks ul li a.fa-flickr { background: #ff0084 } .social-networks ul li a.fa-tumblr { background: #35465c } .social-networks ul li a.fa-pinterest { background: #cc2127 } .social-networks ul li a.fa-stumbleupon { background: #eb4924 } .social-networks ul li a.fa-dribbble { background: #ea4c89 } .social-networks ul li a.fa-gplus { background: #dd4b39 } .social-networks ul li a.fa-rss { background: #f26522 } .social-networks ul { font-size: 0 } .social-networks ul li { display: inline-block; margin-right: 5px; text-align: center; } .social-networks ul li a { width: 30px; height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; color: #fff; font-size: 17px; line-height: 30px; } .social-networks ul li a:hover { -webkit-transform: translatey(-5px); -moz-transform: translatey(-5px); -ms-transform: translatey(-5px); -o-transform: translatey(-5px); transform: translatey(-5px); background: #242e37; } .social-networks ul li:last-child { margin-right: 0 } /* Main search form */ .search-overlay { position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none; } #main-search-form { display: none; position: fixed; width: 400px; height: 200px; top: 50%; left: 50%; margin-top: 0; margin-left: -200px; background: #242e37; z-index: 9999999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); overflow: hidden; opacity: 0; } #main-search-form input[type=text] { background: transparent; border-color: #202931; border-color: rgba(0, 0, 0, 0.1); width: 340px; margin-left: 30px; height: 50px; margin-top: 75px; color: #fff; } #main-search-form .closepop { position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; background: #202931; background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 17px; text-align: center; line-height: 30px; cursor: pointer; } /* Wrapper */ #main-wrapper { overflow: hidden } #main-content { margin-top: 75px } body.single #main-content, body.error #main-content, body.tag #main-content, body.search #main-content { margin-top: 0px } .main-container { position: relative } /* Sidebar layouts */ .main-container .sidebar-bg { position: absolute; z-index: -1; top: -5px; bottom: 0; } .main-container .sidebar-bg:after { content: ''; position: absolute; width: 1000%; top: 0; bottom: 0; background: #fbfbfb; } .right-sidebar .main-container .sidebar-bg { right: -10px; left: auto; } .right-sidebar .main-container .sidebar-bg:after { left: 0; right: auto; } .left-sidebar .main-container .sidebar-bg { left: -10px; right: auto; } .left-sidebar .main-container .sidebar-bg:after { right: 0; left: auto; } .left-sidebar #sidebar { float: left } .left-sidebar #main-content { float: right } .full-width .main-container .sidebar-bg { display: none } /* Sidebar buttons */ .sidebar-toggle { font-size: 21px; color: #5e646a; position: absolute; right: 15px; top: 5px; cursor: pointer; display: none; background: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 37px; width: 37px; text-align: center; } /* .sidebar-toggle:hover { color: #f3355e; } */ .sidebar-toggle:before { line-height: 37px; margin-top: 1px; } .close-sidebar { width: 30px; height: 30px; position: absolute; right: 15px; top: 5px; background: #242e37; cursor: pointer; text-align: center; font-size: 16px; color: #fff !important; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: none; opacity: .5; } .close-sidebar:hover { opacity: 1 } .small-header .sidebar-toggle { position: static; float: right; margin-top: 20px; margin-left: 10px; } /* Full width with sidebar layout */ .full-width-w-sidebar .sidebar-toggle { display: block } .full-width-w-sidebar .sidebar-bg { display: none } .full-width-w-sidebar #sidebar { position: fixed; width: 320px; height: 100%; background: #fff; top: 0; right: 0; z-index: 9998; overflow: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translatex(320px); -moz-transform: translatex(320px); -ms-transform: translatex(320px); -o-transform: translatex(320px); transform: translatex(320px); opacity: 0; } .full-width-w-sidebar #main-header, .full-width-w-sidebar #main-content, .full-width-w-sidebar #main-footer, .full-width-w-sidebar #featured-posts { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translatex(0px); -moz-transform: translatex(0px); -ms-transform: translatex(0px); -o-transform: translatex(0px); transform: translatex(0px); } .full-width-w-sidebar.admin-bar-showing #sidebar { margin-top: 32px } .sidebar-open { overflow: hidden !important; } .sidebar-open .close-sidebar { display: block } .sidebar-open #main-header, .sidebar-open #main-content, .sidebar-open #main-footer, .sidebar-open #featured-posts { /* -webkit-transform: translatex(-320px); -moz-transform: translatex(-320px); -ms-transform: translatex(-320px); -o-transform: translatex(-320px); transform: translatex(-320px); */ } .sidebar-open #sidebar { background: transparent; display: block; /* opacity: 1; -webkit-transform: translatex(0px); -moz-transform: translatex(0px); -ms-transform: translatex(0px); -o-transform: translatex(0px); transform: translatex(0px); */ } .sidebar-open .main-container .sidebar-bg { display: block; position: fixed; width: 100%; height: 100%; left: 0; right: auto; top: 60px; background: #000; /* opacity: 0; */ opacity: 0.8; border: 0; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; z-index: 9988; } .sidebar-open .main-container .sidebar-bg:after, .sidebar-open .main-container .sidebar-bg:before { display: none } /* Full width layout */ /* .full-width .sidebar-toggle, .error404 .sidebar-toggle { display: none !important; opacity: 0; visibility: hidden; width: 0; height: 0; overflow: hidden; } */ /* Sections title */ .entry-title h1, .section-title h1, .widget-title h1, .entry-title h2, .section-title h2, .widget-title h2, .entry-title h3, .section-title h3, .widget-title h3, .entry-title h4, .section-title h4, .widget-title h4, .entry-title h5, .section-title h5, .widget-title h5 { margin: 0 } .widget-title, .section-title { margin-bottom: 15px; padding: 10px 0; } .widget-title h3, .section-title h3 { text-transform: uppercase; position: relative; display: inline-block; vertical-align: middle; line-height: 1.1em; } .section-title { border-bottom: 2px solid #f4f6f5; margin-bottom: 10px; padding: 0; padding-bottom: 10px; } .section-title h3 { padding-left: 12px; padding-bottom: 0; position: relative; } .section-title h3:before { content: ''; width: 6px; height: 6px; background: #F3355E; position: absolute; left: 0; top: 50%; margin-top: -3px; border-radius: 3px; } /* WordPress core */ .alignnone { margin: 5px 15px 15px 0; display: block; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 15px 15px; } .alignleft { float: left; margin: 5px 15px 15px 0; } .aligncenter { display: block; margin: 10px auto 10px auto; } a img.alignright { float: right; margin: 5px 0 15px 15px; } a img.alignnone { margin: 5px 15px 15px 0 } a img.alignleft { float: left; margin: 5px 15px 15px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #3f4547; overflow: hidden; max-width: 100%; padding: 9px 9px 11px; text-align: center; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; color: #fff; } .wp-caption.alignnone { margin: 5px 15px 15px 0 } .wp-caption.alignleft { margin: 5px 15px 15px 0 } .wp-caption.alignright { margin: 5px 0 15px 15px } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 13px; margin: 5px 0 0 0 !important; } .wp-caption p.wp-caption-text a { color: #fff; text-decoration: underline; } p.post-pagination { margin-top: 15px } p.post-pagination a { border: 1px solid #eff3f3; padding: 4px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; } .bypostauthor { } .edit-post { clear: both } .gallery { margin: 0 -2px; margin-bottom: 12px; } .gallery-item { float: left; margin: 0 0px 0px; padding: 2px; overflow: hidden; position: relative; text-align: center; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .gallery-item a { font-size: 0 } .gallery-item img { display: block; margin: 0 auto; width: 100%; height: auto; } .gallery-columns-1 .gallery-item { width: 100% } .gallery-columns-2 .gallery-item { width: 50% } .gallery-columns-3 .gallery-item { width: 33.33% } .gallery-columns-4 .gallery-item { width: 25% } .gallery-columns-5 .gallery-item { width: 20% } .gallery-columns-6 .gallery-item { width: 16.66% } .gallery-columns-7 .gallery-item { width: 14.28% } .gallery-columns-8 .gallery-item { width: 12.5% } .gallery-columns-9 .gallery-item { width: 11.11% } .gallery-caption { color: #fff; margin: 0; position: absolute; text-align: center; left: 2px; right: 2px; bottom: 2px; padding: 15px 0; background: rgba(25, 35, 45, 0.7); } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none } /* + 5 - Header ---------------------------------------------------------------------*/ /* header content */ #main-header { position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3); } #main-header .header-content-container { height: 245px; width: 100%; text-align: center; display: table; position: relative; background-repeat: no-repeat; background-color: #242e37 !important; /* background-color: #015da0; */ -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } #main-header .header-content-container .header-content { display: table-cell; vertical-align: middle; position: relative; z-index: 1; } #main-header .header-content-container .header-overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); background-image: url(assets/images/dotted-pattern.png); } #main-header .header-content .container { position: relative } /* header logo */ #main-header .header-content-container h1, #main-header .header-content-container h2 { line-height: 50px; color: #fff; padding: 0; margin: 0; font-size: 55px; } #main-header .header-content-container h1 a, #main-header .header-content-container h2 a { color: #ffffff } /* header tagline */ #main-header .header-content-container .desc { margin: 15px 0 0 0; color: #fff; } /* header social icons */ #main-header .header-content-container .header-social { margin-top: 15px; display: inline-block; vertical-align: middle; font-size: 0; } #main-header .header-content-container .header-social ul li a:hover { background: #fff; color: #5e646a; } /* Small Header */ #main-header.small-header .header-content-container { height: 80px } #main-header.small-header .header-content-container .logo { text-align: left; } #main-header.small-header .header-content-container .header-social { float: right; display: block; line-height: 65px; } /* + 5.1 - Header Navigation ---------------------------------------------------------------------*/ #main-header #main-navigation { background: #242E37; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } #main-header #main-navigation ul, #main-header #main-navigation li { list-style: none } #main-header #main-navigation .main-nav { text-align: center } #main-header #main-navigation .main-nav ul { font-size: 0 } #main-header #main-navigation .main-nav ul li { display: inline-block; vertical-align: middle; position: relative; } #main-header #main-navigation .main-nav > ul > li > a { color: #fff; text-transform: uppercase; position: relative; } #main-header #main-navigation .main-nav > ul > li:hover > a, #main-header #main-navigation .main-nav > ul > li.current-menu-item > a, #main-header #main-navigation .main-nav > ul > li.current-menu-parent > a, #main-header #main-navigation .main-nav > ul > li > a:hover { background: #fff } #main-header #main-navigation .main-nav { font-size: 0; position: relative; } #main-header #main-navigation .main-nav ul li a { text-decoration: none; line-height: 60px; display: block; font-size: 13px; } #main-header #main-navigation .main-nav ul li a .menu-item-color { position: absolute; height: 2px; top: -2px; left: 0; width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; opacity: 0; visibility: hidden; } #main-header #main-navigation .main-nav ul li a .menu-item-icon { padding-right: 10px; font-size: 15px; } #main-header #main-navigation .main-nav ul li:hover > a .menu-item-color, #main-header #main-navigation .main-nav ul li.current-menu-item > a .menu-item-color, #main-header #main-navigation .main-nav ul li.current-menu-parent > a .menu-item-color { visibility: visible; opacity: 1; top: 0; } #main-header #main-navigation .main-nav ul li:hover > a, #main-header #main-navigation .main-nav ul li.current-menu-item > a, #main-header #main-navigation .main-nav ul li.current-menu-parent > a { color: #F3355E } #main-header #main-navigation .main-nav ul li > ul, #main-header #main-navigation .main-nav ul li > .mega-menu { border: 1px solid #E9F0EC; border-top: 0 none; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); position: absolute; display: block; background: #fff; min-width: 235px; visibility: hidden; opacity: 0; top: 80px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; z-index: 100000; pointer-events: none; } #main-header #main-navigation .main-nav ul li.megamenu-outer { position: static } #main-header #main-navigation .main-nav ul li > .mega-menu { width: 100%; padding: 15px; left: 0; } #main-header #main-navigation .main-nav ul li .mega-menu ul { display: block; visibility: visible; opacity: 1; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0 none; position: static; } #main-header #main-navigation .main-nav ul li > .mega-menu > ul > li > a { /* font-weight: bold; */ text-transform: uppercase; border-bottom: 1px solid #F4F6F5; padding: 0 !important; color: #5e646a; font-size: 11px; line-height: 30px !important; } #main-header #main-navigation .main-nav ul li > .mega-menu > ul > li > a:hover { color: #f3355e; } #main-header #main-navigation .main-nav ul li .mega-menu ul li a { padding: 0 } #main-header #main-navigation .main-nav ul li .mega-menu ul li a:hover { padding-left: 8px } #main-header #main-navigation .main-nav ul li:hover > ul, #main-header #main-navigation .main-nav ul li a:hover + ul, #main-header #main-navigation .main-nav ul li:hover > .mega-menu, #main-header #main-navigation .main-nav ul li a:hover + .mega-menu { top: 100%; opacity: 1; visibility: visible; pointer-events: auto; } #main-header #main-navigation .main-nav ul ul li:hover > ul, #main-header #main-navigation .main-nav ul ul li a:hover + ul { top: 0px } #main-header #main-navigation .main-nav ul li ul li { display: block; text-align: left; } #main-header #main-navigation .main-nav ul li ul li a { padding: 0 25px; line-height: 40px !important; height: auto !important; } #main-header #main-navigation .main-nav ul li ul li a:hover { padding-left: 33px } #main-header #main-navigation .main-nav ul li ul li:hover > a, #main-header #main-navigation .main-nav ul li ul li.current-menu-parent > a, #main-header #main-navigation .main-nav ul li ul li.current-menu-item > a { padding-left: 33px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #main-header #main-navigation .main-nav ul li ul li.current-menu-parent > a, #main-header #main-navigation .main-nav ul li ul li.current-menu-item > a { padding-left: 25px } #main-header #main-navigation .main-nav ul li ul li ul { top: 20px; left: 100%; } #main-header #main-navigation .main-nav > ul > li > a { padding: 0 25px; height: 60px; } #main-header #main-navigation .main-nav ul li a .has-submenu { padding-left: 6px; position: relative; z-index: 30; } #main-header #main-navigation .main-nav ul li ul li a .has-submenu { position: absolute; right: 0; padding-right: 20px; top: 1px; } #main-header #main-navigation .nav-container { position: relative } /* Empty navigation*/ #main-header .nav-alert { line-height: 60px; font-size: 13px; display: inline-block; vertical-align: middle; } /* Sticky navigation */ #main-header #main-navigation .nav-logo { line-height: 50px; font-size: 18px; padding: 0 15px; display: none; } #main-header #main-navigation .nav-logo a { color: #fff; border: 1px solid #fff; padding: 6px 10px; text-decoration: none; } #main-header #main-navigation.fixed-nav .nav-logo { display: inline-block !important; vertical-align: middle !important; } #main-header #main-navigation.fixed-nav .main-nav > ul { display: inline-block; vertical-align: middle; } #main-header #main-navigation.fixed-nav { position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; } #main-header #main-navigation.fixed-nav .main-nav > ul > li > a { height: 50px; line-height: 50px; } /* Small header navigation */ #main-header.small-header #main-navigation .main-nav { text-align: left } /* Mobile navigation */ /* #main-header #main-navigation */.mobile-nav .nav-button { line-height: 60px; padding: 0 20px; cursor: pointer; color: #fff; } /* #main-header #main-navigation */.mobile-nav .mobile-nav-opened .nav-button { background: #fff; color: #82878d; } /* #main-header #main-navigation */.mobile-nav .nav-button i { font-size: 25px; margin-right: 10px; display: block; float: left; line-height: 60px; } /* #main-header #main-navigation */.mobile-nav .nav-button span { overflow: hidden; display: block; line-height: 60px; font-size: 15px; } /* #main-header #main-navigation */.mobile-nav .mobile-nav-inner { position: relative } /* #main-header #main-navigation */.mobile-nav .mobile-nav-closed .mobile-nav-list { display: none } /* #main-header #main-navigation */.mobile-nav .mobile-nav-opened .mobile-nav-list { display: block } /* #main-header #main-navigation */.mobile-nav .mobile-nav-list { position: absolute; width: 100%; top: 100%; left: 0; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 9998; background: #fff; border: 1px solid #dddddd; -webkit-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.03); } /* #main-header #main-navigation */.mobile-nav .mobile-nav-list li a { text-decoration: none; line-height: 35px; display: block; border-bottom: 1px solid #eceef1; padding: 0 20px; position: relative; } /* #main-header #main-navigation */.mobile-nav .mobile-nav-list li a:hover { background: #f7f8fa } /* #main-header #main-navigation */.mobile-nav .mobile-nav-list li a .has-submenu { position: absolute; right: 0; font-size: 16px; width: 35px; text-align: center; background: #f7f8fa; border-left: 1px solid #eceef1; } /* #main-header #main-navigation */.mobile-nav .mobile-nav-list li ul { display: none; margin-left: 15px; } /* #main-header #main-navigation */.mobile-nav .mobile-nav-list li ul li a:before { content: "\f105"; padding-right: 5px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* + 6 - Post Elements ---------------------------------------------------------------------*/ /* Post media ( Featured image ) */ .post-media { overflow: hidden; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .post-media img { width: 100%; height: auto; } .post-media .thumb-overlay .thumb-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2; } .post-media .thumb-overlay .thumb-links a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin: 0; z-index: 2; } .post-media .thumb-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; visibility: hidden; opacity: 0; } .post-media:hover .thumb-overlay { opacity: 1; visibility: visible; } /* Post meta */ .post-meta { margin-top: 10px; font-size: 12px; color: #a9adb2; } .post-meta a { color: #a9adb2 } .post-meta i, .post-meta img { margin-right: 5px } .post-meta span { margin-right: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Meta category */ .post-category { height: 27px; line-height: 27px; font-size: 12px; padding: 0 7px; border-width: 1px; border-style: solid; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .post-category em { padding-left: 27px; display: inline-block; } .post-category a:hover { text-decoration: none; padding: 0 5px; } .post-category i { color: #fff; font-size: 17px; position: absolute; left: 0; top: 0; bottom: 0; width: 27px; line-height: 27px; text-align: center; } /* Meta rating */ .meta-rating { height: 12px; width: 67px; position: relative; display: inline-block; vertical-align: middle; overflow: hidden; } .meta-rating.stars { height: 12px !important; border: 0px !important; } .meta-rating.stars { background-image: url(assets/images/sprites.png); background-repeat: no-repeat; background-position: 0 -131px; } .meta-rating.stars i { position: absolute; left: 0; top: 0; height: 100%; background-image: url(assets/images/sprites.png); background-repeat: no-repeat; background-position: 0 -116px; } .meta-rating.percentage { overflow: hidden; height: 20px; line-height: 20px; text-align: center; color: #fff; background: #f4f6f5; } .meta-rating.percentage em { position: relative; z-index: 2; margin: 0; font-style: normal; } .meta-rating.percentage i { position: absolute; left: 0px; top: 0; height: 100%; background-image: url(assets/images/stripe.png); } /* + 7 - Featured Posts ---------------------------------------------------------------------*/ #featured-posts, .sliderposts-widget { height: 320px; position: relative; overflow: hidden; } #featured-posts { padding: 30px 0; height: auto; } #featured-posts .container { position: relative; overflow: hidden; } #featured-posts .carousel-article, .sliderposts-widget .carousel-article { position: relative; overflow: hidden; height: 320px; } #featured-posts .carousel-article .post-media, .sliderposts-widget .carousel-article .post-media { height: 100%; position: relative; } #featured-posts .carousel-article .post-media:after, .sliderposts-widget .carousel-article .post-media:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); background-image: url(assets/images/dotted-pattern.png); opacity: .5; } #featured-posts .carousel-article .post-media img, .sliderposts-widget .carousel-article .post-media img { height: 100% } #featured-posts .carousel-article .post-info, .sliderposts-widget .carousel-article .post-info { position: absolute; bottom: 0; right: 15px; left: 15px; padding: 30px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.72))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#00000000', endColorstr='#b8000000', GradientType=0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #featured-posts .carousel-article .post-info .entry-title, .sliderposts-widget .carousel-article .post-info .entry-title { margin-bottom: 0 } #featured-posts .carousel-article .post-info .entry-title a, .sliderposts-widget .carousel-article .post-info .entry-title a { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } #featured-posts .carousel-article .post-info .entry-title a:hover, .sliderposts-widget .carousel-article .post-info .entry-title a:hover { text-decoration: underline } #featured-posts .carousel-article .post-info .post-meta, .sliderposts-widget .carousel-article .post-info .post-meta { margin-top: 0; margin-bottom: 5px; } #featured-posts .carousel-article .post-info .post-meta, .sliderposts-widget .carousel-article .post-info .post-meta, #featured-posts .carousel-article .post-info .post-meta a, .sliderposts-widget .carousel-article .post-info .post-meta a { color: #e7e7e7; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); } #featured-posts .carousel-nav .next, .sliderposts-widget .carousel-nav .next, #featured-posts .carousel-nav .prev, .sliderposts-widget .carousel-nav .prev { position: absolute; width: 40px; height: 40px; bottom: 50%; margin-bottom: -20px; text-align: center; line-height: 40px; font-size: 40px; color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); } #featured-posts .carousel-nav .next, .sliderposts-widget .carousel-nav .next { right: -40px } #featured-posts .carousel-nav .prev, .sliderposts-widget .carousel-nav .prev { left: -40px } #featured-posts:hover .next, .sliderposts-widget:hover .next { right: 5px } #featured-posts:hover .prev, .sliderposts-widget:hover .prev { left: 5px } /* + 8 - Post ---------------------------------------------------------------------*/ .article { margin-bottom: 30px; padding: 10px; clear: both; } /* Post title */ .article .article-header { margin-bottom: 15px } .article .entry-title { text-align: center } /* Post media */ .article .post-media { margin-bottom: 30px } .article .post-meta { margin: 0; font-size: 0; } /* Post meta */ .article .post-meta span { border-width: 1px; border-style: solid; border-color: #f4f6f5; height: 27px; line-height: 27px; display: inline-block; vertical-align: middle; font-size: 12px; margin-right: 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; padding: 0 7px; } .article .post-meta span span { border: 0; height: auto; margin: 0; padding: 0; } .article .post-meta span.author { padding-left: 0 } .article .post-meta span.author img { margin-top: -3px } .article .post-meta span a:hover { text-decoration: none; color: #F3355E; padding: 0 5px; } .article .post-meta span.post-icon { border-color: #F3355E } /* Post Content */ .article .entry-content { margin-top: 10px } .article .entry-content p { margin: 0 } .article.page .entry-content { margin-top: 0 } /* Post Footer */ .article .article-footer { margin-top: 25px; padding-top: 25px; border-top: 1px solid #f4f6f5; } .article .article-footer .post-tags { font-size: 0 } .article .article-footer .post-tags span { text-transform: uppercase; color: #a3a8a6; margin-right: 10px; font-size: 12px; display: inline-block; vertical-align: middle; } .article .article-footer .post-tags span i { margin-right: 5px } .article .article-footer .post-tags a { font-size: 12px; border: 1px solid #f4f6f5; height: 27px; line-height: 27px; display: inline-block; vertical-align: middle; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 7px; color: #a3a8a6; margin-right: 7px; text-decoration: none; } .article .article-footer .post-tags a:hover { color: #F3355E; padding: 0 12px; } .article .article-footer .read-more a { font-size: 12px; border-width: 1px; border-style: solid; display: block; text-decoration: none; height: 27px; line-height: 27px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 7px; color: #fff; } .article .article-footer .read-more a:hover { padding: 0 12px; background: #242e37; border-color: #242e37; } /* Gallery post format */ .article .carousel-container .gallery-excerpt { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 0; text-align: center; background: rgba(0, 0, 0, 0.7); color: #fff; z-index: 99; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.72))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#00000000', endColorstr='#b8000000', GradientType=0); } .article .carousel-container .owl-controls .owl-next, .article .carousel-container .owl-controls .owl-prev { position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.7); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff !important; text-align: center; line-height: 40px; text-indent: -99999px; font-size: 0; } .article .carousel-container .owl-controls .owl-next:before, .article .carousel-container .owl-controls .owl-prev:before { text-indent: 0; font-size: 17px; } .article .carousel-container .owl-controls .owl-next { right: -45px } .article .carousel-container .owl-controls .owl-prev { left: -45px } .article .carousel-container:hover .owl-controls .owl-next { right: 15px } .article .carousel-container:hover .owl-controls .owl-prev { left: 15px } .article .post-media .carousel-container .thumb-overlay a { width: 100%; height: 100%; margin: 0; left: 0; top: 0; background: transparent; font-size: 25px; } /* Grid gallery post format */ .article .grid-gallery-container .gallery-image { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } .article .post-media:hover .thumb-overlay.grid-gallery { transform: skew(180deg); -webkit-transform: skew(180deg); -moz-transform: skew(180deg); -o-transform: skew(180deg); -ms-transform: skew(180deg); opacity: 0; visibility: hidden; } .article .grid-gallery-container.b-load .carousel-item { height: 400px; overflow: hidden; } .article .grid-gallery-container .gallery-image:hover .thumb-overlay.grid-gallery { transform: skew(0deg); -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg); -ms-transform: skew(0deg); opacity: 1; visibility: visible; } /* Video post format */ .article .player-container { position: relative; width: 100%; height: 100%; } .article .player-container video, .article .player-container img { width: 100%; height: 100%; } .article .player-container video { -webkit-background-size: 100% 100% !important; background-size: 100% 100% !important; } .article .player-container .mejs-video .mejs-controls { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: absolute; width: auto; height: 50px; } .article .player-container .mejs-video .mejs-controls { bottom: 55px; left: 55px; right: 55px; } /* Audio post format */ .article.audio-post .player-container.embed { height: 166px; margin-bottom: -83px; } .article.audio-post .player-container { position: absolute; height: 60px; left: 55px; right: 55px; bottom: 50%; margin-bottom: -30px; overflow: hidden; width: auto; } .article.audio-post .mejs-audio .mejs-controls { bottom: 0; left: 0; right: 0; } /* Quote post format */ .article.quote-post blockquote { margin: 0; font-size: 14px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); border: 0; padding: 60px; color: #fff; position: relative; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } .posts-container .article.quote-post .post-media { margin-bottom: 0 } .article.quote-post blockquote p, .article.quote-post blockquote footer { position: relative; color: #fff; } .article.quote-post blockquote footer a { color: #fff } .article.quote-post blockquote p:after { content: "\f10e"; position: absolute; font-size: 20px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; width: 40px; height: 40px; line-height: 40px; text-align: center; right: 0; bottom: -40px; text-shadow: none; } /* Link post format */ .article.link-post .media-overlay, .article.status-post .media-overlay, .article.audio-post .media-overlay, .article.quote-post .media-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: .4; background-image: url(assets/images/dotted-pattern.png); } .article.link-post .link-el { padding: 60px; text-align: center; } .article.link-post .link-el h3 { padding: 0 0; position: relative; margin: 0; } .article.link-post .link-el a { color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); font-size: 18px; } .article.link-post .link-el a:hover { text-decoration: underline } /* Status post format */ .article.status-post .status-container { padding: 30px; background-color: #323439; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } .article.status-post .twitter-embed, .article.status-post .facebook-embed { position: relative; z-index: 1; } .article.status-post .facebook-embed { width: 466px; max-width: 98%; margin: 0 auto; overflow: hidden; } .article.status-post iframe { margin: 0 auto !important } /* Grid post layout */ .grid-post .article .article-footer { text-align: center } .grid-post .article .article-footer .read-more { float: none; display: inline-block; vertical-align: middle; } .grid-post .article .article-footer .post-tags { display: none } .grid-post .article .post-meta-info { text-align: center } .grid-post .article .post-meta span { margin-bottom: 7px } .grid-post .article .post-meta, .grid-post .article .post-category { display: inline-block; vertical-align: middle; } .grid-post .article .post-meta a:hover { padding: 0 } .grid-post:nth-child(2n+3) { clear: both } .grid-post.lv-cr:nth-child(2n+3) { clear: none } .grid-post .player-container .mejs-video .mejs-controls { left: 15px; right: 15px; bottom: 15px; } .grid-post .audio-post .player-container { left: 15px; right: 15px; } .grid-post .player-container .mejs-container .mejs-controls .mejs-playpause-button { margin: 0 20px 0 30px } .grid-post .player-container .mejs-container .mejs-time.mejs-duration-container, .grid-post .player-container .mejs-container .mejs-controls .mejs-volume-button, .grid-post .player-container .mejs-container.mejs-video .mejs-controls .mejs-fullscreen-button { margin-left: 5px !important } .grid-post .player-container .mejs-container .mejs-controls .mejs-duration { margin-left: 0 } .grid-post .player-container .mejs-container .mejs-controls .mejs-time { width: 33px !important; margin-right: 5px !important; } .grid-post .player-container .mejs-container.mejs-video .mejs-controls .mejs-fullscreen-button { margin-right: 5px } .grid-post .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 36px } /* Sticky post */ article.sticky { position: relative; overflow: hidden; } article.sticky:before { content: "\f08d"; background: #242E37; width: 80px; height: 80px; position: absolute; left: -40px; top: -40px; padding-right: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); text-align: right; line-height: 80px; color: #fff; font-family: FontAwesome; font-weight: normal; font-size: 18px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Pagination */ .numeric-pagination { clear: both; margin-bottom: 30px; } .numeric-pagination a, .numeric-pagination .extend, .numeric-pagination .current { padding: 4px 12px; margin-right: 3px; text-decoration: none; background: #fff; border: 1px solid #E9F0EC; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.03); float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .numeric-pagination .current, .numeric-pagination a:hover { color: #fff; border-color: #F3355E; background: #F3355E; padding: 4px 18px; } .numeric-pagination span.pages { float: right; display: block; padding: 4px 0; } .numeric-pagination .last { clear: none } .numeric-pagination a.page, .numeric-pagination a.first, .numeric-pagination a.last, .numeric-pagination span.extend { display: none; } /* Single post */ .single-article .article p {margin-bottom: 15px} .single-article .post-info {position: relative} .single-article .article-footer .post-tags { float: none } /* Single post share icons */ .single-article .post-info .share-article { position: absolute; left: -45px; } .single-article .post-info .share-article ul li { display: block; margin-right: 0; margin-bottom: 5px; } .single-article .post-info .share-article ul li a:hover { -webkit-transform: translatex(5px); -moz-transform: translatex(5px); -ms-transform: translatex(5px); -o-transform: translatex(5px); transform: translatex(5px); color: #fff; } /* Single post navigation */ .single-article .articles-navigation { padding-top: 30px; margin-top: 25px; border-top: 1px solid #f4f6f5; } .single-article .articles-navigation strong { text-transform: uppercase; margin-top: 12px; display: block; } .single-article .articles-navigation .entry-title { text-align: inherit; overflow: hidden; } .single-article .articles-navigation .entry-title a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .single-article .articles-navigation .post-media { width: 80px; height: 80px; margin-right: 15px; margin-top: -5px; } .single-article .articles-navigation .previous-article, .single-article .articles-navigation .next-article { width: 48%; height: 70px; } .single-article .articles-navigation .next-article { text-align: right } .single-article .articles-navigation .next-article .post-media { margin-right: 0; margin-left: 15px; } /* Single post banner */ .single-article .post-banner { text-align: center; margin: 10px 0; max-width: 100%; overflow: hidden; line-height: 0; } .single-article .post-banner img { max-width: 100% } /* Single post content */ .single-article .article .entry-content .edit-post { display: block; text-transform: uppercase; margin-top: 10px; } .single-article .article .entry-content { overflow: hidden } .single-article .article .entry-content p, .single-article .article .entry-content ul, .single-article .article .entry-content ol, .single-article .article .entry-content blockquote, .single-article .article .entry-content pre, .single-article .article .entry-content code { margin-bottom: 1.4em } .single-article .article .entry-content h1, .single-article .article .entry-content h2, .single-article .article .entry-content h3, .single-article .article .entry-content h4, .single-article .article .entry-content h5, .single-article .article .entry-content h6 { line-height: 1.4em; margin: 10px 0; } .single-article .article .entry-content ul, .single-article .article .entry-content ol { margin-left: 20px; padding: 0; overflow: hidden; line-height: 2em; } .single-article .article .entry-content ul, .single-article .article .entry-content ul li { list-style: inside disc } .single-article .article .entry-content ol, .single-article .article .entry-content ol li { list-style: inside decimal } .single-article .article .entry-content ul ul, .single-article .article .entry-content ol ol { margin-bottom: 0 } .single-article .article .entry-content img { max-width: 100% } .single-article .article .entry-content img, .single-article .article .entry-content img[height], .single-article .article .entry-content img[class*="align"], .single-article .article .entry-content img[class*="wp-image-"], .single-article .article .entry-content img[class*="attachment-"] { height: auto } .single-article .article .entry-content img.size-full, .single-article .article .entry-content img.size-large, .single-article .article .entry-content img.wp-post-image { height: auto; max-width: 100%; } .single-article .article .entry-content embed, .single-article .article .entry-content iframe, .single-article .article .entry-content object, .single-article .article .entry-content video, .single-article .article .entry-content audio { max-width: 100% } .single-article .article .entry-content blockquote { font-size: 14px; margin-left: 30px; padding: 10px 0; padding-left: 15px; border-left: 3px solid #F4F6F5; background: #FCFCFC; font-style: italic; } .single-article .article .entry-content blockquote p { margin: 0 } /* Post Review */ .review-container { margin: 20px 0; padding: 30px; } .review-container .review-header { padding: 12px 0 11px; border-bottom: 2px solid #242e37; } .review-container .review-header h3 { font-weight: bold; text-transform: uppercase; margin: 0 !important; } .review-container .review-criteria .criteria-name, .review-container .overall-rating strong, .review-container .review-summary strong { color: #59616a } .review-container .review-criteria, .review-container .overall-rating, .review-container .review-summary { border-bottom: 1px solid #F4F6F5; padding: 7px 0; } .review-container .review-summary { border-bottom: 0 } .review-container .overall-rating p.title { text-align: center } .review-container.stars .criteria-rating { height: 17px; width: 100px; float: right; background-image: url(assets/images/sprites.png); background-repeat: no-repeat; background-position: 0 -93px; position: relative; margin-top: 3px; } .review-container.stars .criteria-rating div { position: absolute; left: 0; top: 0; height: 100%; background-image: url(assets/images/sprites.png); background-repeat: no-repeat; background-position: 0 -67px; } .review-container.stars .criteria-name { float: left } .review-container .overall-rating { padding: 12px 0 } .review-container .overall-rating .criteria-rating { float: none!important; margin: 5px auto 0; } .review-container .overall-rating strong { font-size: 14px; text-transform: uppercase; } .review-container.percentage .criteria-rating { height: 12px; width: 100%; background: #F4F6F5; position: relative; margin-top: 5px; margin-bottom: 5px; clear: both; } .review-container.percentage .criteria-rating div { position: absolute; left: 0; top: 0; height: 100%; background-image: url(assets/images/stripe.png); -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .review-container.percentage .review-container.stars .criteria-name { float: left } .review-container.percentage span { float: right; color: #59616a; } .review-container.percentage .overall-rating { text-align: center } .review-container.percentage .overall-rating span { font-size: 18px; float: none; font-weight: bold; } .review-container.percentage .criteria-name { float: left } .review-container p, .review-container h3 { margin-bottom: 0 !important } .review-container.top { float: left; width: 45%; margin: 0; margin-right: 20px; margin-bottom: 10px; } /* + 8.1 - Author Box ---------------------------------------------------------------------*/ .author-box { padding: 30px; margin-left: 40px; padding-left: 70px; position: relative; } .author-box .author-thumb { position: absolute; left: -40px; top: 50%; margin-top: -40px; width: 80px; height: 80px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 15px; } .author-box .author-thumb img { width: 100%; height: 100%; } .author-box .author-desc p { margin: 0 } .single-article .article .author-box p { margin: 0 } .single-article .article .author-box ul { margin: 0; overflow: inherit; } .author-box .author-info { overflow: hidden } .author-box .author-social { margin-top: 15px } /* + 8.2 - Related Posts ---------------------------------------------------------------------*/ .related-articles { padding: 30px } .related-articles .list-style li:nth-last-child(2), .related-articles .list-style li:nth-last-child(1) { margin-bottom: 0 } .related-articles .list-style li:nth-last-child(2):after, .related-articles .list-style li:nth-last-child(1):after { display: none } .related-articles .list-style li:nth-child(2n+3) { clear: both } /* + 8.3 - Comments ---------------------------------------------------------------------*/ #comments { padding: 30px } #comments .no-comments { margin-bottom: 0 } #comments .commentslist { list-style: none; margin: 0; padding: 0; } #comments .commentslist li { list-style: none; margin: 0; padding: 0; } #comments .commentslist li article { border: 1px solid #f4f6f5; padding: 30px; margin-bottom: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #comments .commentslist li .comment-avatar { width: 64px; height: 64px; overflow: hidden; margin-right: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #comments .commentslist li .comment-avatar img { width: 100%; height: 100%; } #comments .commentslist li .comment-header { margin-bottom: 15px } #comments .commentslist li .comment-header .comment-author { font-weight: bold } #comments .commentslist li .comment-header .comment-author a { text-decoration: none } #comments .commentslist li .comment-header .comment-author a:hover { color: #F3355E } #comments .commentslist li .comment-header .comment-date { font-size: 12px } #comments .commentslist li .comment-container { overflow: hidden } #comments .commentslist li .replay { margin-top: 15px } #comments .commentslist li .replay a { padding: 4px 8px; color: #FFF; } #comments .commentslist .children { margin-left: 30px } #comments #comment-form .required { color: red; font-size: 13px; font-family: sans-serif; } #comments #comment-form .comment-notes { margin-bottom: 20px } #comments #comment-form p { margin-bottom: 10px } #comments #comment-form p label { margin-bottom: 5px; display: block; font-weight: bold; } #comments #comment-form p.comment-form-submit { margin-bottom: 0 } #comments #comment-form input[type="text"] { padding: 8px 10px; width: 100%; } /* + 9 - Breadcrumb ---------------------------------------------------------------------*/ #breadcrumb { margin-bottom: 30px } #breadcrumb ul li { float: left; padding: 7px 10px; background: #fff; border: 1px solid #E9F0EC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 5px; } #breadcrumb ul li:last-child { margin-right: 0 } #breadcrumb ul li .divider { display: none } #breadcrumb ul li a { display: block; text-decoration: none; } #breadcrumb ul li.active { color: #F3355E; border-color: #F3355E; } /* + 10 - Pages ---------------------------------------------------------------------*/ /* Page title */ .page-header { position: relative; margin-bottom: 15px; } body.home .page-header { position: relative; margin-bottom: 0px; } .page-header .page-title { padding-left: 14px; position: relative; } .page-header .page-title.spg { padding-left: 0 } .page-header .page-title em { padding-right: 26px } .page-header .page-title span { position: absolute; height: 100%; /* height: 30px; */ width: 4px; left: 0; top: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .page-header .page-title i { position: absolute; left: 0; top: 0; width: 30px; height: 30px; text-align: center; font-size: 17px; color: #fff; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .page-header .page-title h2, .page-header .page-title h1 { display: inline-block; vertical-align: middle; margin: 0; } .page-header .page-title h2 b, .page-header .page-title h1 b { font-weight: normal } /* RSS icon */ .page-header .archives-rss a { width: 30px; height: 30px; display: block; background: #f26522; color: #fff; text-align: center; line-height: 30px; font-size: 17px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .page-header .archives-rss a:hover { background: #242e37; -webkit-transform: translatey(-5px); -moz-transform: translatey(-5px); -ms-transform: translatey(-5px); -o-transform: translatey(-5px); transform: translatey(-5px); } .page-header .page-desc { overflow: hidden; margin-top: 15px; padding-top: 15px; border-top: 1px solid #E9F0EC; clear: both; } .page-header .page-desc p { margin: 0 } .page-header .author-box { margin-top: 30px } /* 404 page */ .article.page-not-found .entry-content { margin-top: 0; text-align: center; padding: 20px 0; } .article.page-not-found .entry-content h2 { margin: 0; margin-bottom: 30px; } .article.page-not-found .entry-content .search-form input[type=text] { width: 250px } .article.page-not-found .entry-content blockquote { text-align: left; padding: 10px 15px; font-size: 20px; line-height: 24px; margin-top: 25px; margin-left: 0px; } .article.page-not-found .entry-content blockquote footer { margin-top: 10px; font-size: 70%; } /* Sitemap */ #sitemap-container .sitemap ul { margin: 0 !important } #sitemap-container .sitemap ul li { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; position: relative; padding-left: 0; } #sitemap-container .sitemap ul li li { margin-left: 15px } /* login page */ .error-message { padding: 20px; display: none; } /* + 11 - Widgets ---------------------------------------------------------------------*/ #sidebar .sidebar-inner { padding: 0px 30px 30px 30px; margin-top: 75px; } body.single #sidebar .sidebar-inner, body.error #sidebar .sidebar-inner, body.tag #sidebar .sidebar-inner, body.search #sidebar .sidebar-inner { padding: 0px 30px 30px 30px; margin-top: 0px; } #sidebar .sidebar-inner .widget { margin-bottom: 30px } #sidebar .sidebar-inner .widget:last-child { margin-bottom: 0 } /* Posts widget */ .posts-widget .post-info, .small-posts-list .post-info { overflow: hidden } .posts-widget .list-style .post-media, .small-posts-list .list-style .post-media { margin-right: 15px; width: 80px; height: 80px; } .posts-widget li, .small-posts-list li { margin-bottom: 31px; position: relative; } .posts-widget li:after, .small-posts-list li:after { content: ''; width: 100px; height: 1px; background: #f4f6f5; position: absolute; bottom: -16px; left: 50%; margin-left: -50px; } .posts-widget li:last-child, .small-posts-list li:last-child { margin-bottom: 0 !important } .posts-widget li:last-child:after, .small-posts-list li:last-child:after { display: none } .posts-widget .wide-style .entry-title, .small-posts-list .wide-style .entry-title { margin-top: 15px } #footer-widgets .posts-widget li:after { display: none } #footer-widgets .posts-widget .list-style li { background: #202931; background: rgba(0, 0, 0, 0.1); padding: 10px; margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* About us widget */ .aboutus-widget { padding-top: 0 } .aboutus-widget .about-us-logo { margin-bottom: 30px } .aboutus-widget h1 { margin: 0 0 15px 0 } .aboutus-widget p { margin: 0 } #footer-widgets .about-us h1 { color: #fff } /* Flickr widget */ .flickr-widget .flickr-container { margin: -4px } .flickr-widget .flickr_badge_image { width: 25%; float: left; padding: 4px; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .flickr-widget .flickr_badge_image img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 4px solid #f4f6f5; width: 100%; height: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .flickr-widget .flickr_badge_image img:hover { -webkit-transform: translatey(-5px); -moz-transform: translatey(-5px); -ms-transform: translatey(-5px); -o-transform: translatey(-5px); transform: translatey(-5px); opacity: .9; } #footer-widgets .flickr-widget .flickr_badge_image img { border-color: #202931; border-color: rgba(0, 0, 0, 0.1); } #footer-widgets .col-md-3 .flickr_badge_image { width: 33.333% } #footer-widgets .col-md-6 .flickr_badge_image { width: 16.6666% } #footer-widgets .col-md-12 .flickr_badge_image { width: 90px } /* Ads widget */ .ads-widget .ads-widget-inner { max-width: 100%; margin: 0 auto; overflow: hidden; } .ads-widget .ads-widget-inner img { width: 100% } /* Author widget */ .author-widget { padding-top: 0 } .author-widget .author-box-inner { position: relative; text-align: center; padding: 30px; } .author-widget .author-box-inner .cover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .author-widget .author-box-inner .overlay { background: #000; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.4; } .author-widget .author-box-inner .author-info { position: relative; text-align: center; z-index: 1; } .author-widget .author-box-inner .author-info .author-thumb { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 auto; overflow: hidden; height: 80px; width: 80px; } .author-widget .author-box-inner .author-info .author-thumb img { width: 100%; height: 100%; } .author-widget .author-box-inner .author-info .author-name { margin-top: 15px } .author-widget .author-box-inner .author-info .author-name a { color: #fff; text-decoration: underline; } .author-widget .author-box-inner .author-info .author-name a:hover { color: #F3355E } .author-widget .social-networks { position: relative; z-index: 1; clear: both; margin-top: 15px; } .author-widget .social-networks ul li a { width: 25px; height: 25px; line-height: 25px; font-size: 14px; } .author-widget .author-desc { margin-top: 15px; position: relative; z-index: 1; color: #fff; } /* Video widget */ .video-widget iframe { width: 100%; height: auto; } /* Comments widget */ .comments-widget .author-comment { overflow: hidden } /* Newsletter widget */ .newsletter input[type=text], .widget_search input[type=text] { width: 68% } .newsletter input[type=submit], .widget_search input[type=submit] { width: 30% } /* Login widget */ .login-widget .author-avatar { width: 80px; height: 80px; margin-right: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } .login-widget .author-avatar img { width: 100%; height: 100%; } .login-widget .login-helpers { overflow: hidden } .login-widget .login-helpers p { margin-bottom: 0 } #loginform-container label { display: block } #loginform-container input[type=text], #loginform-container input[type=password] { width: 100% } #loginform-container p { margin-bottom: 15px } #loginform-container p:last-child { margin-bottom: 0 } #loginform-container p.login-remember { float: right; line-height: 38px; margin-bottom: 0; } #loginform-container p.login-submit { float: left; margin-bottom: 0; } #loginform-container .login-helpers { margin-top: 7px } /* Slider widget */ .sliderposts-widget { height: auto } .sliderposts-widget .carousel-article { height: auto } .sliderposts-widget .carousel-article .post-info { left: 0px; right: 0px; } /* Google plus widget */ .gplus-widget { overflow: hidden } .gplus-widget iframe { width: 100% } /* Social caounter widget */ .social-counter-widget { overflow: hidden } .social-counter-widget ul, .social-counter-widget li { list-style: none } .social-counter-widget ul li { height: 40px; line-height: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #f4f6f5; padding-left: 15px; margin-bottom: 15px; overflow: hidden; } .social-counter-widget ul li:last-child { margin-bottom: 0 } .social-counter-widget ul li a { text-decoration: none } .social-counter-widget ul li .value { color: #82878d } .social-counter-widget ul li .icon { width: 40px; height: 40px; text-align: center; color: #fff; font-size: 16px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social-counter-widget ul li .icon.fa-rss { background: #f26522 } .social-counter-widget ul li .icon.fa-facebook { background: #3b5998 } .social-counter-widget ul li .icon.fa-twitter { background: #55acee } .social-counter-widget ul li .icon.fa-youtube-play { background: #e52d27 } .social-counter-widget ul li .icon.fa-gplus { background: #dd4b39 } .social-counter-widget ul li .icon.fa-dribbble { background: #ea4c89 } .social-counter-widget ul li .icon.fa-vimeo { background: #1ab7ea } .social-counter-widget ul li:hover .icon { width: 80px } #main-footer .social-counter-widget ul li { border-color: #202931; border-color: rgba(0, 0, 0, 0.1); } #main-footer .social-counter-widget ul li .value { color: #e7e7e7 } /* Tabs widget */ .hot-news-widget .hot-news-tabs { margin-bottom: 30px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } .hot-news-widget .hot-news-tabs ul li { float: left; width: 33.333%; height: 45px; line-height: 45px; text-align: center; } .hot-news-widget .hot-news-tabs ul li a { background: #f4f6f5; font-size: 15px; color: #82878d; display: block; } .hot-news-widget .hot-news-tabs ul li.active a { background: #F3355E; color: #fff; } .hot-news-widget .pane .tab-inner { display: none } .hot-news-widget .pane .tab-inner.active { display: block } #main-footer .hot-news-widget .hot-news-tabs ul li a { background: #202931; background: rgba(0, 0, 0, 0.1); color: #fff; } #main-footer .hot-news-widget .hot-news-tabs ul li.active a { background: #F3355E } /* Tags widget */ .widget_tag_cloud a { font-size: 13px !important; border: 1px solid #f4f6f5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 8px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-bottom: 5px; text-decoration: none; } .widget_tag_cloud a:hover { border-color: #F3355E } #main-footer .widget_tag_cloud a { border-color: #202931; border-color: rgba(0, 0, 0, 0.1); } #main-footer .widget_tag_cloud a:hover { border-color: #F3355E } /* Twitter widget */ .twitter-widget ul li { margin-bottom: 15px; padding: 15px; background: #F4F6F5; } .twitter-widget ul li:last-child { margin-right: 0 } .twitter-widget ul li img { margin-right: 10px } #main-footer .twitter-widget ul li { background: #202931; background: rgba(0, 0, 0, 0.1); } /* Contact form widget */ .widget .wpcf7 input[type=text], .widget .wpcf7 input[type=email], .widget .wpcf7 textarea { width: 100% } .widget .wpcf7 textarea { max-height: 180px } .wpcf7 p span.wpcf7-form-control-wrap { margin-top: 6px; display: block; } /* Core widgets */ .widget img, .widget iframe { max-width: 100%; height: auto; } .widget select, .widget input, .widget textarea { max-width: 100% } /* Calendar widget widget */ .widget_calendar table { width: 100% } .widget_calendar table td, .widget_calendar table th { line-height: 35px; text-align: center; border: 1px solid #f4f6f5; } .widget_calendar table thead th { background: #F3355E; border-color: none; color: #fff; } .widget_calendar table caption { text-align: center; font-weight: bold; margin-bottom: 15px; } #main-footer .widget_calendar table td, #main-footer .widget_calendar table th { border-color: #202931; border-color: rgba(0, 0, 0, 0.1); } /* List widgets */ .widget_nav_menu li, .widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_recent_comments li, .widget_recent_entries li, .widget_rss li { margin-bottom: 12px; position: relative; } .widget_nav_menu li ul, .widget_archive li ul, .widget_categories li ul, .widget_pages li ul, .widget_meta li ul, .widget_recent_comments li ul, .widget_recent_entries li ul, .widget_rss li ul { padding-left: 30px; margin-top: 12px; } .widget_nav_menu li:last-child, .widget_archive li:last-child, .widget_categories li:last-child, .widget_pages li:last-child, .widget_meta li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child, .widget_rss li:last-child { margin-bottom: 0 } .widget_nav_menu li:before, .widget_archive li:before, .widget_categories li:before, .widget_pages li:before, .widget_meta li:before, .widget_recent_comments li:before, .widget_recent_entries li:before, .widget_rss li:before { content: '\f10c'; color: #F3355E; display: inline-block; font-size: 9px; font-weight: normal; font-style: normal; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; margin-top: -1px; } .widget_rss h3 img { display: none } .widget_categories select, .widget_text select, .widget_archive select { width: 100%; border-color: #f4f6f5; padding: 10px; outline: 0; } #main-footer .widget_categories select, #main-footer .widget_text select, #main-footer .widget_archive select { border-color: #202931; border-color: rgba(0, 0, 0, 0.1); } /* Text & ads widget */ .widget.widget_text iframe, .widget.html-widget iframe{ height:inherit; } /* + 12 - Footer ---------------------------------------------------------------------*/ #main-footer { background: #007FC3; color: #e7e7e7; } /* Footer links */ #main-footer a { color: #fff } #main-footer a:hover { color: #F3355E } /* Footer widgets */ #main-footer .widget { padding: 0 15px; margin-bottom: 30px; } #main-footer .widget:last-child { margin-bottom: 0 } /* Footer forms */ #main-footer .widget input[type=text], #main-footer .widget input[type=password], #main-footer .widget input[type=email], #main-footer .widget textarea, #main-footer .widget select { background: transparent; border-color: #202931; border-color: rgba(0, 0, 0, 0.1); color: #e7e7e7; } #main-footer .widget input[type=text]:focus, #main-footer .widget input[type=password]:focus, #main-footer .widget input[type=email]:focus, #main-footer .widget textarea:focus, #main-footer .widget select:focus { border-color: #F3355E } #main-footer .widget input[type=submit]:hover, .widget button:hover, .widget .btn:hover { background: #202931; background: rgba(0, 0, 0, 0.1); } /* Footer placeholder */ #main-footer .widget ::-webkit-input-placeholder { color: #e7e7e7 } #main-footer .widget ::-moz-placeholder { color: #e7e7e7 } #main-footer .widget :-moz-placeholder { color: #e7e7e7 } #main-footer .widget :-ms-input-placeholder { color: #e7e7e7 } #main-footer #footer-widgets { padding: 30px 0 } #main-footer #footer-widgets .widget-title { padding-top: 0; border-color: #202931; border-color: rgba(0, 0, 0, 0.1); } #main-footer #footer-widgets .widget-title h3 { text-transform: uppercase; color: #fff; } #main-footer #footer-bottom { border-top: 1px solid #202931; border-top: 1px solid rgba(0, 0, 0, 0.1); position: relative; } /* Footer Scroll top */ #main-footer .scrolltop { width: 30px; height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; line-height: 30px; right: 60px; bottom: -40px; color: #fff !important; position: fixed; opacity: 0; } #main-footer .scrolltop:hover { opacity: 1 !important } /* Footer menu */ #main-footer #footer-bottom .footer-menu { font-size: 0; text-align: center; padding: 15px 0; background: #202931; background: rgba(0, 0, 0, 0.1); } #main-footer #footer-bottom .footer-menu .nav-alert { font-size: 13px } #main-footer #footer-bottom .footer-menu ul li { display: inline-block; vertical-align: middle; margin-right: 15px; } #main-footer #footer-bottom .footer-menu ul li a { font-size: 13px; display: block; } #main-footer #footer-bottom .footer-menu ul li:last-child { margin-right: 0 } /* Footer Text */ #main-footer #footer-bottom .copyrights { padding: 30px 0; text-align: center; } #main-footer #footer-bottom .copyrights p { margin: 0; font-size: 11px; } /* + 13 - Animations ---------------------------------------------------------------------*/ @-webkit-keyframes spin { from { -webkit-transform: rotate(360deg) } } @-moz-keyframes spin { from { -moz-transform: rotate(360deg) } } @-o-keyframes spin { from { -o-transform: rotate(360deg) } } @keyframes spin { from { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* + 14 - Retina ---------------------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { .meta-rating.stars, .meta-rating.stars i, .review-container.stars .criteria-rating, .review-container.stars .criteria-rating div,body .player-container .mejs-container.mejs-video .mejs-controls .mejs-fullscreen-button button { background-image: url(assets/images/sprites@2x.png); -webkit-background-size: 100px 149px; -moz-background-size: 100px 149px; background-size: 100px 149px; } .meta-rating.percentage i, .review-container.percentage .criteria-rating div { background-image: url(assets/images/stripe@2x.png); -webkit-background-size: 4px 4px; -moz-background-size: 4px 4px; background-size: 4px 4px; } } /* + 15 - IE ---------------------------------------------------------------------*/ .ie8 .container { width: 1170px } .ie8 #main-header #main-navigation .main-nav ul li .mega-menu, .ie8 #main-header #main-navigation .main-nav ul li ul .mega-menu { display: none } .ie8 .thumb-overlay { display: none } .ie8 #sidebar { width: 320px } .ie8 #main-content { width: 770px } .ie9 #main-header #main-navigation .main-nav ul li > ul, .ie9 #main-header #main-navigation .main-nav ul li a + ul, .ie9 #main-header #main-navigation .main-nav ul li > .mega-menu, .ie9 #main-header #main-navigation .main-nav ul li a + .mega-menu { display: none } .ie9 #main-header #main-navigation .main-nav ul li .mega-menu ul { display: block !important; visibility: visible !important; } .ie9 #main-header #main-navigation .main-nav ul li:hover > ul, .ie9 #main-header #main-navigation .main-nav ul li a:hover + ul, .ie9 #main-header #main-navigation .main-nav ul li:hover > .mega-menu, .ie9 #main-header #main-navigation .main-nav ul li a:hover + .mega-menu { display: block } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #main-header #main-navigation .main-nav ul li > ul, #main-header #main-navigation .main-nav ul li a + ul, #main-header #main-navigation .main-nav ul li > .mega-menu, #main-header #main-navigation .main-nav ul li a + .mega-menu { display: none } #main-header #main-navigation .main-nav ul li:hover > ul, #main-header #main-navigation .main-nav ul li a:hover + ul, #main-header #main-navigation .main-nav ul li:hover > .mega-menu, #main-header #main-navigation .main-nav ul li a:hover + .mega-menu { display: block } .section-title h3 a { display: inline-block; vertical-align: middle; } } /* + 16 - Custom Styles ---------------------------------------------------------------------*/ /* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ /* SIDEBAR */ .post-media .thumb-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; visibility: hidden; opacity: 0; } .post-media:hover .thumb-overlay { transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; opacity: 1; visibility: visible; } .grid-post article .post-media { max-width: 375px; margin: 0px auto 20px auto; } .grid-post article .post-info .entry-content { margin-top: 15px; } .grid-post article .article-footer { margin-top: 15px; padding-top: 15px; } .post-widget .posts-widget .post-info .entry-title h4 { font-size: 1em; } .post-widget .posts-widget .post-info .post-meta { font-size: 11px; line-height: 15px; } .post-widget .posts-widget .post-info .post-meta .post-date { font-size: 11px; line-height: 15px; } #logo_alt h1, #logo_alt h2 { margin-top: 0px; margin-bottom: 0px; } .single-article .article .entry-content p.return { margin-bottom: 5px; } .single-article .article-header .entry-title h1 { font-size: 1.5em; } #ad-above-both-columns { margin-top: 75px } #single-media { float: none; width: auto; margin-left: 0px; margin-bottom: 10px; } #single-media .single-media-photos { margin-top: 10px; text-align: center; } #single-media .single-media-photos:first-of-type { margin-bottom: 10px; margin-top: 0px; } #single-media .single-media-photos .post-media { margin-bottom: 0px; } #single-media .single-media-photos .post-media img { max-width: 125px; width: 125px; height: 125px; } #single-media .single-media-photos #only-image.post-media img { max-width: 270px; width: 270px; height: auto; } #single-media .single-media-photos #two-images.post-media img { max-width: 270px; width: 270px; height: auto; } #single-media .single-media-photos #two-images.post-media img:first-of-type { margin-bottom: 10px; } #single-media .single-media-photos .post-media .thumb-overlay { max-width: 125px; width: 125px; height: 125px; } #single-media .single-media-photos .col-xs-6 .post-media .thumb-overlay { left: 9px; } .single-article .article .entry-content .twitter-tweet-rendered { max-width: 425px !important; } /* iPhone 5 and below */ @media only screen and (min-width: 320px) { .single-article .post-info .share-article { display: none; } #main-header.small-header .header-content-container .logo { max-width: 150px; margin: 0px; } #main-header.small-header .header-content-container { height: 60px !important; } .page-header .page-title h2, .page-header .page-title h1 { font-size: 1.25em; } .single-article .article .entry-content h2 { font-size: 1.4em } .single-article .article .entry-content h3 { font-size: 1.3em } } /* iPhone 6 Portrait */ @media only screen and (min-width: 360px) { #single-media .single-media-photos .post-media img { max-width: 150px; width: 150px; height: 150px; } #single-media .single-media-photos .post-media .thumb-overlay { max-width: 150px; width: 150px; height: 150px; } } /* iPhone 6 Landscape */ @media only screen and (min-width: 480px) { /* #main-header.small-header .header-content-container { height: 100px !important; } */ /* #main-header.small-header .header-content-container .logo { max-width: 225px; margin: 0px auto; } */ .page-header .page-title h2, .page-header .page-title h1 { font-size: 1.35em; } #single-media .single-media-photos #only-image.post-media img { max-width: 325px; width: 325px; height: auto; } #single-media .single-media-photos #two-images.post-media img { max-width: 325px; width: 325px; height: auto; } } /* Somewhere in between */ @media only screen and (min-width: 520px) { /* #single-media { float: right; width: 336px; margin-left: 10px; margin-bottom: 10px; } */ } /* Small devices (tablets, 768px and up) */ @media only screen and (min-width: 768px) { .page-header .page-title h2, .page-header .page-title h1 { font-size: 1.5em; } /* #main-header { position: relative; } */ #logo_alt h1, #logo_alt h2 { max-width: 150px; margin-top: 5px; } #main-header.small-header .header-content-container { height: 75px !important; } #main-header.small-header .header-content-container .logo { max-width: 200px; } #main-header #main-navigation .main-nav { margin-left: -15px; margin-right: -15px; } #main-header #main-navigation .main-nav ul li a { font-size: 12px; } #main-header #main-navigation .main-nav > ul > li > a { padding: 0 13px; height: 57px; line-height: 57px; } #main-header #main-navigation .main-nav ul li > .mega-menu > ul > li > a { font-size: 12px; } #main-content { margin-top: 77px } body.single #main-content, body.error #main-content, body.tag #main-content, body.search #main-content { margin-top: 0px } #ad-above-both-columns { margin-top: 72px } .article { margin-bottom: 30px; padding: 15px 30px; } .article .article-header { margin-bottom: 15px } .article .entry-content { margin-top: 15px } #sidebar .sidebar-inner { margin-top: 77px; padding-left: 15px; padding-right: 0px; } body.single #sidebar .sidebar-inner, body.error #sidebar .sidebar-inner, body.tag #sidebar .sidebar-inner, body.search #sidebar .sidebar-inner { margin-top: 0px; padding-left: 15px; padding-right: 0px; } #single-media { float: none; width: auto; margin-left: 10px; margin-bottom: 10px; } #single-media .single-media-photos #only-image.post-media img { max-width: 375px; width: 375px; height: 250px; } #single-media .single-media-photos #two-images.post-media img { max-width: 150px; width: 150px; height: 150px; } #single-media .single-media-photos #two-images.post-media:first-of-type { margin-bottom: 10px; } .single-article .post-info .share-article { display: block; left: -45px; } } /* Medium devices (desktops, 992px and up) */ @media only screen and (min-width: 992px) { #logo_alt h1, #logo_alt h2 { max-width: 175px; margin-top: 5px; } #main-header.small-header .header-content-container { height: 100px !important; } #main-header.small-header .header-content-container .logo { max-width: 210px; margin: 0px 0px 0px 10px; } #main-header .header-content-container .header-content .col-md-3 { padding-left: 0px; padding-right: 0px; } #main-header .header-content-container .header-content .col-md-9 { padding-left: 0px; padding-right: 0px; } #main-header .header-content-container h1, #main-header .header-content-container h2 { margin-top: 13px; } #main-header #main-navigation .main-nav ul li a { font-size: 13px; } #main-header #main-navigation .main-nav > ul > li > a { padding: 0 20px; height: 65px; line-height: 65px; } body.single #main-content, body.error #main-content, body.tag #main-content, body.search #main-content, #main-content { margin-top: 85px } .numeric-pagination a.page, .numeric-pagination a.first, .numeric-pagination a.last, .numeric-pagination span.extend { display: inline; } #single-media { float: right; width: 336px; margin-left: 10px; margin-bottom: 10px; } #single-media .single-media-photos #only-image.post-media img { max-width: 325px; width: 325px; height: auto; } #single-media .single-media-photos #two-images.post-media img { max-width: 150px; width: 150px; height: 150px; } body.single #sidebar .sidebar-inner, body.error #sidebar .sidebar-inner, body.tag #sidebar .sidebar-inner, body.search #sidebar .sidebar-inner, #sidebar .sidebar-inner { margin-top: 85px; padding-left: 15px; padding-right: 0px; } } /* Large devices (large desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { #logo_alt h1, #logo_alt h2 { max-width: 200px; } #main-header.small-header .header-content-container .logo { max-width: 225px; margin: 10px 0px 0px 10px; } #main-header .header-content-container h1, #main-header .header-content-container h2 { margin-top: 7px; } #main-header #main-navigation .main-nav > ul > li > a { padding: 0 25px; height: 72px; line-height: 72px; } body.single #main-content, body.error #main-content, body.tag #main-content, body.search #main-content, #main-content { margin-top: 92px } body.single #sidebar .sidebar-inner, body.error #sidebar .sidebar-inner, body.tag #sidebar .sidebar-inner, body.search #sidebar .sidebar-inner, #sidebar .sidebar-inner { margin-top: 92px; padding-left: 30px; padding-right: 0px; } } /* + 17 - Making Bootstrap Show/Hide Styles work with Google Responsive Ads ---------------------------------------------------------------------*/ .visible-xs .adcontainer .adsbygoogle, .visible-sm .adcontainer .adsbygoogle, .visible-md .adcontainer .adsbygoogle, .visible-lg .adcontainer .adsbygoogle { display: none; } .visible-xs-block .adcontainer .adsbygoogle, .visible-sm-block .adcontainer .adsbygoogle, .visible-md-block .adcontainer .adsbygoogle, .visible-lg-block .adcontainer .adsbygoogle { display: none; } @media (max-width: 767px) { .visible-xs .adcontainer .adsbygoogle { display: block; } .visible-xs-block .adcontainer .adsbygoogle { display: block; } .hidden-xs .adcontainer .adsbygoogle { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm .adcontainer .adsbygoogle { display: block; } .visible-sm-block .adcontainer .adsbygoogle { display: block; } .hidden-sm .adcontainer .adsbygoogle { display: none; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md .adcontainer .adsbygoogle { display: block; } .visible-md-block .adcontainer .adsbygoogle { display: block; } .hidden-md .adcontainer .adsbygoogle { display: none; } } @media (min-width: 1200px) { .visible-lg .adcontainer .adsbygoogle { display: block; } .visible-lg-block .adcontainer .adsbygoogle { display: block; } .hidden-lg .adcontainer .adsbygoogle { display: none; } } /* + 18 - Ad Slots ---------------------------------------------------------------------*/ .adcontainer { margin: 0px -15px 30px -15px; } .adcontainer .adsbygoogle { margin: 0px auto 0px auto; } #sidebar .adcontainer { margin: 0px 0px 30px 0px; } #sidebar .adcontainer .adsbygoogle { margin: 0px auto 0px 0px; } #ad-above-both-columns .adcontainer { margin-bottom: 15px; } #ad-above-both-columns .adcontainer .adsbygoogle { margin: 0px auto 0px auto; } /* Single Page */ #ad-above-both-columns .ad_single_above_content { display: block; width: 320px; height: 50px; } #ad-above-both-columns .ad_single_above_content_alt { display: none; } /* General Page */ #ad-above-both-columns .ad_page_above_content { display: block; width: 320px; height: 50px; } #ad-above-both-columns .ad_page_above_content_alt { display: block; width: 320px; height: 50px; } /* Search Page */ #ad-above-both-columns .ad_search_above_content { display: block; width: 320px; height: 50px; } #ad-above-both-columns .ad_search_above_content_alt { display: block; width: 320px; height: 50px; } /* Archive Page */ #ad-above-both-columns .ad_archive_above_content { display: block; width: 320px; height: 50px; } #ad-above-both-columns .ad_archive_above_content_alt { display: block; width: 320px; height: 50px; } /* Category Page */ #ad-above-both-columns .ad_category_above_content { display: block; width: 320px; height: 50px; } #ad-above-both-columns .ad_category_above_content_alt { display: block; width: 320px; height: 50px; } /* Front Page */ #ad-above-both-columns .ad_front_above_content { display: block; width: 320px; height: 50px; } #ad-above-both-columns .ad_front_above_content_alt { display: block; width: 320px; height: 50px; } /* Attachment Page */ #ad-above-both-columns .ad_attachment_above_content { display: block; width: 320px; height: 50px; } #ad-above-both-columns .ad_attachment_above_content_alt { display: block; width: 300px; height: 250px; } #ad-above-left-column .adcontainer { margin-bottom: 15px; } /* Single Page */ #ad-above-left-column .adcontainer .ad_single_above_content { margin: 0px auto 0px auto; display: none; } #ad-above-left-column .adcontainer .ad_single_above_content_alt { margin: 0px auto 0px auto; display: none; } /* General Page */ #ad-above-left-column .adcontainer .ad_page_above_content { margin: 0px auto 0px auto; display: none; } #ad-above-left-column .adcontainer .ad_page_above_content_alt { margin: 0px auto 0px auto; display: none; } /* Search Page */ #ad-above-left-column .adcontainer .ad_search_above_content { margin: 0px auto 0px auto; display: none; } #ad-above-left-column .adcontainer .ad_search_above_content_alt { margin: 0px auto 0px auto; display: none; } /* Archive Page */ #ad-above-left-column .adcontainer .ad_archive_above_content { margin: 0px auto 0px auto; display: none; } #ad-above-left-column .adcontainer .ad_archive_above_content_alt { margin: 0px auto 0px auto; display: none; } /* Category Page */ #ad-above-left-column .adcontainer .ad_category_above_content { margin: 0px auto 0px auto; display: none; } #ad-above-left-column .adcontainer .ad_category_above_content_alt { margin: 0px auto 0px auto; display: none; } /* Front Page */ #ad-above-left-column .adcontainer .ad_front_above_content { margin: 0px auto 0px auto; display: none; } #ad-above-left-column .adcontainer .ad_front_above_content_alt { margin: 0px auto 0px auto; display: none; } /* Attachment Page */ #ad-above-left-column .adcontainer .ad_attachment_above_content { margin: 0px auto 0px auto; display: none; } #ad-above-left-column .adcontainer .ad_attachment_above_content_alt { margin: 0px auto 0px auto; display: none; } /* Single Post Page: Below Post */ #below-post-ad-on-single-page .adcontainer .adsbygoogle { display: block; width: 320px; height: 50px; } /* Single Post Page: Below Related Posts */ #below-related-posts-ad-on-single-page .adcontainer .adsbygoogle { display: block; width: 320px; height: 50px; } #single-media .adcontainer { margin: 0px; } .no-pad { padding-left: 0px; padding-right: 0px; } .no-pad-l { padding-left: 0px; } .no-pad-r { padding-right: 0px; } .adslot_1 { width: 300px; height: 250px; display: none; } .adslot_1_mobile { width: 300px; height: 250px; display: block; } .adslot_2_two_col { width: 300px; height: 250px; display: none; } .adslot_2_one_col { width: 300px; height: 250px; display: block; } .adslot_3 { display: none; } /* Hide menu search from desktop view */ #main-header #main-navigation .main-nav > ul#menu-main-nav-without-sub-nav > li:last-child { display: none; } /* iPhone 5 and below */ @media (min-width: 320px) { #ad-second-on-single-page .adcontainer { margin-bottom: 10px; } #ad-second-on-single-page .adcontainer .adsbygoogle { margin: 0px auto 0px auto; display: block; } #inline-ad-on-attachment-page .adcontainer { margin-bottom: 10px; margin-top: -20px; } #inline-ad-on-attachment-page .adcontainer .adsbygoogle { margin: 0px auto 0px auto; display: block; } } /* iPhone 5 */ @media screen and (min-width: 320px) and (min-height: 568px) { /* Single Page */ #ad-above-both-columns .ad_single_above_content { width: 320px; height: 50px; } /* Alternate: width: 300px; height: 250px; */ #ad-above-both-columns .ad_single_above_content_alt { display: none; } /* General Page */ #ad-above-both-columns .ad_page_above_content { width: 320px; height: 50px; } /* Alternate: width: 300px; height: 250px; */ #ad-above-both-columns .ad_page_above_content_alt { width: 320px; height: 50px; } /* Search Page */ #ad-above-both-columns .ad_search_above_content { width: 320px; height: 50px; } /* Alternate: width: 300px; height: 250px; */ #ad-above-both-columns .ad_search_above_content_alt { width: 320px; height: 50px; } /* Archive Page */ #ad-above-both-columns .ad_archive_above_content { width: 320px; height: 50px; } /* Alternate: width: 300px; height: 250px; */ #ad-above-both-columns .ad_archive_above_content_alt { width: 320px; height: 50px; } /* Category Page */ #ad-above-both-columns .ad_category_above_content { width: 320px; height: 50px; } /* Alternate: width: 300px; height: 250px; */ #ad-above-both-columns .ad_category_above_content_alt { width: 320px; height: 50px; } /* Front Page */ #ad-above-both-columns .ad_front_above_content { width: 320px; height: 50px; } /* Alternate: width: 300px; height: 250px; */ #ad-above-both-columns .ad_front_above_content_alt { width: 320px; height: 50px; } /* Attachment Page */ #ad-above-both-columns .ad_attachment_above_content { width: 320px; height: 50px; } /* Alternate: width: 300px; height: 250px; */ #ad-above-both-columns .ad_attachment_above_content_alt { width: 300px; height: 250px; } } /* iPhone 6 Portrait */ @media (min-width: 360px) { /* Single Page */ #ad-above-both-columns .ad_single_above_content { display: block; width: 320px; height: 50px; } /* Alternate: width: 336px; height: 280px; */ #ad-above-both-columns .ad_single_above_content_alt { display: none; } /* General Page */ #ad-above-both-columns .ad_page_above_content { display: block; width: 320px; height: 50px; } /* Alternate: width: 336px; height: 280px; */ #ad-above-both-columns .ad_page_above_content_alt { display: block; width: 320px; height: 50px; } /* Search Page */ #ad-above-both-columns .ad_search_above_content { display: block; width: 320px; height: 50px; } /* Alternate: width: 336px; height: 280px; */ #ad-above-both-columns .ad_search_above_content_alt { display: block; width: 320px; height: 50px; } /* Archive Page */ #ad-above-both-columns .ad_archive_above_content { display: block; width: 320px; height: 50px; } /* Alternate: width: 336px; height: 280px; */ #ad-above-both-columns .ad_archive_above_content_alt { display: block; width: 320px; height: 50px; } /* Category Page */ #ad-above-both-columns .ad_category_above_content { display: block; width: 320px; height: 50px; } /* Alternate: width: 336px; height: 280px; */ #ad-above-both-columns .ad_category_above_content_alt { display: block; width: 320px; height: 50px; } /* Front Page */ #ad-above-both-columns .ad_front_above_content { display: block; width: 320px; height: 50px; } /* Alternate: width: 336px; height: 280px; */ #ad-above-both-columns .ad_front_above_content_alt { display: block; width: 320px; height: 50px; } /* Attachment Page */ #ad-above-both-columns .ad_attachment_above_content { display: block; width: 320px; height: 50px; } /* Alternate: width: 336px; height: 280px; */ #ad-above-both-columns .ad_attachment_above_content_alt { display: block; width: 336px; height: 280px; } .adslot_1 { width: 336px; height: 280px; } .adslot_1_mobile { width: 336px; height: 280px; } .adslot_2_two_col { width: 336px; height: 280px; } .adslot_2_one_col { width: 300px; height: 600px; } /* Alternate: width: 336px; height: 280px; */ } /* iPhone 6 Landscape */ @media (min-width: 480px) { .page-id-25230 .algolia-autocomplete { width: 100% !important; } } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .widget_search input[type="submit"] { text-transform: capitalize; } .adslot_1 { display: block; } .adslot_1_mobile { display: none; } .adslot_2_two_col { width: 336px; height: 280px; } /* Alternate: width: 300px; height: 600px; */ .adslot_2_one_col { width: 300px; height: 600px; } /* Alternate: width: 336px; height: 280px; */ .adslot_3 { display: block; width: 160px; height: 600px; } /* Single Post Page: Below Related Posts */ #below-related-posts-ad-on-single-page .adcontainer .adsbygoogle { display: none; } /* Single Page */ body.archive #ad-above-both-columns .adcontainer .ad_single_above_content, body.category #ad-above-both-columns .adcontainer .ad_single_above_content, body.home #ad-above-both-columns .adcontainer .ad_single_above_content { display: none; } body.archive #ad-above-both-columns .adcontainer .ad_single_above_content_alt, body.category #ad-above-both-columns .adcontainer .ad_single_above_content_alt, body.home #ad-above-both-columns .adcontainer .ad_single_above_content_alt { display: none; } /* General Page */ body.archive #ad-above-both-columns .adcontainer .ad_page_above_content, body.category #ad-above-both-columns .adcontainer .ad_page_above_content, body.home #ad-above-both-columns .adcontainer .ad_page_above_content { display: none; } body.archive #ad-above-both-columns .adcontainer .ad_page_above_content_alt, body.category #ad-above-both-columns .adcontainer .ad_page_above_content_alt, body.home #ad-above-both-columns .adcontainer .ad_page_above_content_alt { display: none; } /* Search Page */ body.archive #ad-above-both-columns .adcontainer .ad_search_above_content, body.category #ad-above-both-columns .adcontainer .ad_search_above_content, body.home #ad-above-both-columns .adcontainer .ad_search_above_content { display: none; } body.archive #ad-above-both-columns .adcontainer .ad_search_above_content_alt, body.category #ad-above-both-columns .adcontainer .ad_search_above_content_alt, body.home #ad-above-both-columns .adcontainer .ad_search_above_content_alt { display: none; } /* Archive Page */ body.archive #ad-above-both-columns .adcontainer .ad_archive_above_content, body.category #ad-above-both-columns .adcontainer .ad_archive_above_content, body.home #ad-above-both-columns .adcontainer .ad_archive_above_content { display: none; } body.archive #ad-above-both-columns .adcontainer .ad_archive_above_content_alt, body.category #ad-above-both-columns .adcontainer .ad_archive_above_content_alt, body.home #ad-above-both-columns .adcontainer .ad_archive_above_content_alt { display: none; } /* Category Page */ body.archive #ad-above-both-columns .adcontainer .ad_category_above_content, body.category #ad-above-both-columns .adcontainer .ad_category_above_content, body.home #ad-above-both-columns .adcontainer .ad_category_above_content { display: none; } body.archive #ad-above-both-columns .adcontainer .ad_category_above_content_alt, body.category #ad-above-both-columns .adcontainer .ad_category_above_content_alt, body.home #ad-above-both-columns .adcontainer .ad_category_above_content_alt { display: none; } /* Front Page */ body.archive #ad-above-both-columns .adcontainer .ad_front_above_content, body.category #ad-above-both-columns .adcontainer .ad_front_above_content, body.home #ad-above-both-columns .adcontainer .ad_front_above_content { display: none; } body.archive #ad-above-both-columns .adcontainer .ad_front_above_content_alt, body.category #ad-above-both-columns .adcontainer .ad_front_above_content_alt, body.home #ad-above-both-columns .adcontainer .ad_front_above_content_alt { display: none; } /* Attachment Page */ body.archive #ad-above-both-columns .adcontainer .ad_attachment_above_content, body.category #ad-above-both-columns .adcontainer .ad_attachment_above_content, body.home #ad-above-both-columns .adcontainer .ad_attachment_above_content { display: none; } body.archive #ad-above-both-columns .adcontainer .ad_attachment_above_content_alt, body.category #ad-above-both-columns .adcontainer .ad_attachment_above_content_alt, body.home #ad-above-both-columns .adcontainer .ad_attachment_above_content_alt { display: none; } /* Single Page */ #ad-above-both-columns .ad_single_above_content { width: 728px; height: 90px; } #ad-above-both-columns .ad_single_above_content_alt { display: block; width: 728px; height: 90px; } /* General Page */ #ad-above-both-columns .ad_page_above_content { width: 728px; height: 90px; } #ad-above-both-columns .ad_page_above_content_alt { width: 728px; height: 90px; } /* Search Page */ #ad-above-both-columns .ad_search_above_content { width: 728px; height: 90px; } #ad-above-both-columns .ad_search_above_content_alt { width: 728px; height: 90px; } /* Archive Page */ #ad-above-both-columns .ad_archive_above_content { width: 728px; height: 90px; } #ad-above-both-columns .ad_archive_above_content_alt { width: 728px; height: 90px; } /* Category Page */ #ad-above-both-columns .ad_category_above_content { width: 728px; height: 90px; } #ad-above-both-columns .ad_category_above_content_alt { width: 728px; height: 90px; } /* Front Page */ #ad-above-both-columns .ad_front_above_content { width: 728px; height: 90px; } #ad-above-both-columns .ad_front_above_content_alt { width: 728px; height: 90px; } /* Attachment Page */ #ad-above-both-columns .ad_attachment_above_content { width: 728px; height: 90px; } #ad-above-both-columns .ad_attachment_above_content_alt { width: 728px; height: 90px; } #ad-second-on-single-page .adcontainer .adsbygoogle { display: none; } #main-footer #footer-bottom .copyrights p { margin: 0; font-size: 13px; } .algolia-autocomplete { width: 210px !important; } .page-id-25230 .algolia-autocomplete { width: 400px !important; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { .adslot_2_two_col { width: 300px; height: 600px; display: block; } /* Alternate: width: 336px; height: 280px; */ .adslot_2_one_col { display: none; } /* Single Post Page Below Post */ #below-post-ad-on-single-page .adcontainer .adsbygoogle { width: 728px; height: 90px; } /* Single Page */ #ad-above-both-columns .adcontainer .ad_single_above_content { display: none; } #ad-above-left-column .adcontainer .ad_single_above_content { display: block; width: 728px; height: 90px; } #ad-above-both-columns .adcontainer .ad_single_above_content_alt { display: none; } #ad-above-left-column .adcontainer .ad_single_above_content_alt { display: block; width: 728px; height: 90px; } /* General Page */ #ad-above-both-columns .adcontainer .ad_page_above_content { display: none; } #ad-above-left-column .adcontainer .ad_page_above_content { display: block; width: 728px; height: 90px; } #ad-above-both-columns .adcontainer .ad_page_above_content_alt { display: none; } #ad-above-left-column .adcontainer .ad_page_above_content_alt { display: block; width: 728px; height: 90px; } /* Search Page */ #ad-above-both-columns .adcontainer .ad_search_above_content { display: none; } #ad-above-left-column .adcontainer .ad_search_above_content { display: block; width: 728px; height: 90px; } #ad-above-both-columns .adcontainer .ad_search_above_content_alt { display: none; } #ad-above-left-column .adcontainer .ad_search_above_content_alt { display: block; width: 728px; height: 90px; } /* Archive Page */ #ad-above-both-columns .adcontainer .ad_archive_above_content { display: none; } #ad-above-left-column .adcontainer .ad_archive_above_content { display: block; width: 728px; height: 90px; } #ad-above-both-columns .adcontainer .ad_archive_above_content_alt { display: none; } #ad-above-left-column .adcontainer .ad_archive_above_content_alt { display: block; width: 728px; height: 90px; } /* Category Page */ #ad-above-both-columns .adcontainer .ad_category_above_content { display: none; } #ad-above-left-column .adcontainer .ad_category_above_content { display: block; width: 728px; height: 90px; } #ad-above-both-columns .adcontainer .ad_category_above_content_alt { display: none; } #ad-above-left-column .adcontainer .ad_category_above_content_alt { display: block; width: 728px; height: 90px; } /* Front Page */ #ad-above-both-columns .adcontainer .ad_front_above_content { display: none; } #ad-above-left-column .adcontainer .ad_front_above_content { display: block; width: 728px; height: 90px; } #ad-above-both-columns .adcontainer .ad_front_above_content_alt { display: none; } #ad-above-left-column .adcontainer .ad_front_above_content_alt { display: block; width: 728px; height: 90px; } /* Attachment Page */ #ad-above-both-columns .adcontainer .ad_attachment_above_content { display: none; } #ad-above-left-column .adcontainer .ad_attachment_above_content { display: block; width: 728px; height: 90px; } #ad-above-both-columns .adcontainer .ad_attachment_above_content_alt { display: none; } #ad-above-left-column .adcontainer .ad_attachment_above_content_alt { display: block; width: 728px; height: 90px; } .algolia-autocomplete { width: 200px !important; } .page-id-25230 .algolia-autocomplete { width: 625px !important; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { #inline-ad-on-attachment-page .adcontainer .adsbygoogle { width: 728px; height: 90px; } .algolia-autocomplete { width: 230px !important; } .page-id-25230 .algolia-autocomplete { width: 775px !important; } }