/* Theme Name: Vaga Theme URI: http://fairpixels.com/ Author: FairPixels Author URI: http://fairpixels.com/ Description: A Magazine and Blog Theme Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: white, black, gray, light, one-column, two-columns, right-sidebar, responsive-layout, featured-images, full-width-template, sticky-post, theme-options Text Domain: fairpixels */ /* WARNING! DO NOT EDIT THIS FILE! Do not edit this file, it will be overwritten by the next theme update. If you want to customize the styles, create a child theme instead See: http://codex.wordpress.org/Child_Themes ==================== [ Table of contents ] 1. Base 2. Common Styles 3. Header 4. Navigation Menu 5. Homepage 6. Blog 7. Sidebar 9. Footer 10. Media Queries =========================*/ @import url("css/reset.css"); @import url("css/menu.css"); @import url("css/common.css"); @import url("css/lightbox.css"); @import url(//fonts.googleapis.com/css?family=Noticia+Text:400,700,400italic); @import url(//fonts.googleapis.com/css?family=Karla:400,700,400italic,700italic); /* 1. BASE * ========== */ body { font-family: 'Karla', sans-serif; font-size: 15px; font-weight: 400; line-height: 1.5; color: #222; } .inner-wrap { width: 1100px; margin: 0 auto; overflow: hidden; } .content-wrap { overflow: hidden; } #content { width: 760px; margin-right: 40px; overflow: hidden; float: left; } #sidebar { width: 300px; float: left; } .full-width { width: 100% !important; margin-right: 0 !important; } /*===[ Link styles ]===*/ a { text-decoration: none; color: #2C3236; transition: all 0.2s ease 0s; outline: 0; } a:visited { color: #2C3236; } a:hover { color: #FF8300; } :focus { outline: 0; } /*===[ Selction ]===*/ ::selection { background: #FFEFAA; } ::-moz-selection { background: #FFEFAA; } /*===[ Colors ]===*/ .main-color { color: ##FF8300; } .main-color-bg { background: #FF8300; } /*===[ Images ]===*/ .wp-post-image { display: block; } .attachment-fp1100_460 { width: 1100px; height: 460px; } .attachment-fp760_460 { width: 760px; height: 460px; } .attachment-fp360_360 { width: 360px; height: 360px; } .attachment-fp160_160 { width: 160px; height: 160px; } .one-half { width: 360px; margin-right: 40px; float: left; } .col-last { margin-right: 0 !important; } .section { margin-bottom: 30px; } /*===[ Headings ]===*/ h1,h2,h3,h4,h5,h6 { font-family: 'Noticia Text', serif; font-weight: 700; line-height: 1.25; color: #2C3236; } h1 { font-size: 32px; font-weight: 700; } h2 { font-size: 28px; line-height: 1.2; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; line-height: 1.35; } h6 { font-size: 14px; } /* 2. COMMON * =========== */ /*===[ Section Title ]===*/ .section-title { border-bottom: 1px solid #2C3236; margin-bottom: 20px; text-align: center; overflow: hidden; } .section-title .title-wrap { overflow: hidden; margin-bottom: 3px; border-bottom: 1px solid #2C3236; } .section-title h3 { font-size: 20px; font-family: 'Karla', sans-serif; float: left; line-height: 1; padding: 0 10px; margin-bottom: 10px; } .section-title h4 { font-family: 'Karla', sans-serif; font-size: 18px; float: left; line-height: 1; padding: 0 10px; margin-bottom: 10px; } .section-title .link { float: right; font-size: 21px; line-height: 1; } .section-title .sep { background: #2C3236; display: block; float: left; height: 3px; margin-top: 8px; width: 12px; } .section-wrap { overflow: hidden; } /*===[ Entry Meta ]===*/ .entry-meta { overflow: hidden; font-size: 14px; color: #555555; } .entry-meta a { color: #555555; } .entry-meta a:hover{ border-bottom: 1px solid #909090; } .entry-meta .sep { margin: 0 10px; } .entry-meta .categories a { margin-right: 10px; } .entry-cats a { margin-right: 10px; } .entry-meta .author a { margin-left: 2px; text-transform: capitalize; } /*===[ More link ]===*/ .read-more { overflow: hidden; } .read-more a { display: block; float: left; padding: 5px 8px 7px; text-transform: uppercase; font-size: 13px; font-weight: 700; height: 16px; } .read-more a { color: #FFFFFF; display: block; } .more-link a { font-size: 14px; color: #FF8300; } .more-link span { margin-left: 5px; } /*===[ Search ]===*/ .search-form { position: relative; } .search input[type=text] { height: 32px; box-sizing: border-box; width: 190px; padding: 8px; border: none; border-radius: 0; font: inherit; } .search-submit { position: absolute; right: 0; top: 6px; font-size: 15px; background: none; border: none; cursor: pointer; } /*===[ Overlay ]===*/ .thumb { overflow: hidden; } .thumb-overlay { background: #000000; overflow: hidden; position: relative; } .thumb-overlay .overlay:before, .thumb-overlay .overlay:after { position: absolute; content: ''; opacity: 0; } .thumb-overlay .overlay:before { top: 40px; right: 20px; bottom: 40px; left: 20px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .thumb-overlay .overlay:after { top: 20px; right: 40px; bottom: 20px; left: 40px; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; -webkit-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .thumb-overlay .overlay { top: 50%; left: 50%; opacity: 1; background: #222222 !important; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .thumb-overlay .more{ top: 48%; left: 48%; opacity: 0; position: absolute; color: #FFFFFF; font-size: 24px; } .thumb-overlay .more i { display: block; line-height: 8px; color: #FFFFFF; } .thumb-overlay img, .thumb-overlay .overlay:before, .thumb-overlay .overlay:after, .thumb-overlay .more { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .thumb-overlay:hover img { opacity: 0.7; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .thumb-overlay:hover .overlay:before, .thumb-overlay:hover .overlay:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .thumb-overlay:hover .more{ opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .thumb-overlay:hover .overlay:after, .thumb-overlay:hover .more, .thumb-overlay:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .thumb-overlay:hover .post-info { display: none; } .overlay-compact .overlay:before { top: 20px; bottom: 20px; left: 10px; right: 10px; } .overlay-compact .overlay:after { top: 10px; bottom: 10px; left: 20px; right: 20px; } .overlay-compact .more { top: 45%; left: 45%; } .overlay-xs .overlay:before { top: 10px; bottom: 10px; left: 5px; right: 5px; } .overlay-xs .overlay:after { top: 5px; bottom: 5px; left: 10px; right: 10px; } .overlay-xs .more { top: 46%; left: 38%; } /*===[ Go top ]===*/ .gotop { width: 42px; height: 42px; border-radius: 42px; background: #FF8300; text-align: center; position: fixed; right: 100px; bottom: 30px; cursor: pointer; display: none; z-index: 3; } .gotop i { font-size: 24px; margin-top: 8px; color: #FFFFFF; } .gotop:hover { opacity: 0.85; } /*===[ Inputs ]===*/ .button { font-size: 15px; background: #FF8300; } /* 3. HEADER * ========== */ /*===[ Top Bar ]===*/ .top-bar{ overflow: hidden; height: 44px; margin-bottom: 30px; background: #111111; } .top-menu{ float: left; max-width: 700px; height: 44px; } .top-menu ul{ list-style: none; margin: 0; padding: 0; overflow: hidden; } .top-menu ul li{ float: left; margin-right: 30px; } .top-menu ul li:last-child{ margin-right: 0; } .top-menu ul li a{ margin-top: 14px; display: inline-block; font-size: 13px; color: #999999; font-weight: 700; text-transform: uppercase; } .top-bar a:hover{ color: #FFFFFF; } /*===[ Social Icons ]===*/ .top-bar .social { float: right; max-width: 120px; } .top-bar .social ul { overflow: hidden; margin-top: 15px; } .top-bar .social ul li { float: left; margin-left: 10px; font-size: 15px; line-height: 10px; } .top-bar .social ul li a { color: #777777; } .top-bar .social ul li a:hover { color: #FFFFFF; } /*===[ Top Posts ]===*/ .top-posts { background: #F5F5F5; padding: 20px 0; overflow: hidden; margin-bottom: 30px; } .top-bar + .top-posts { margin-top: -30px; } .top-posts .item-post { width: 350px; margin-right: 25px; float: left; overflow: hidden; } .top-posts .item-3 { margin-right: 0; } .top-posts .thumb { float: left; margin-right: 15px; width: 70px; overflow: hidden; } .top-posts .thumb .wp-post-image { height: 70px; } .top-posts .post-info { float: left; width: 265px; overflow: hidden; } .top-posts .entry-meta .entry-rating { float: right; margin-right: 0; } .top-posts .entry-meta { margin-bottom: 10px; } .top-posts h6 { font-weight: 400; } /*===[ Logo ]===*/ #header { margin-bottom: 30px; } #header .logo { height: 70px; float: left; overflow: hidden; } #header .logo img { height: 70px; } #header .right { max-width: 980px; float: right; } #header .top { overflow: hidden; margin-bottom: 15px; } #header .search { float: right; margin-left: 10px; width: 190px; } #header .search input[type="text"] { background: #FFFFFF; border: 1px solid #444444; } /* 4. NAVIGATION MENU * ========== */ .menu-section{ height: 40px; margin-top: 20px; z-index: 98; position: relative; float: right; padding: 0 10px; } .menu-section .inner-wrap{ overflow: visible; position: relative; } #main-menu select { display: none; position: relative; padding: 4px; font-size: 14px; height: 36px; color: #999999; border: 1px solid #E3E3E3; } #main-menu ul { list-style-type: none; margin: 0; padding: 0; z-index: 99; } #main-menu ul li { float: left; padding: 0; margin: 0; } #main-menu > ul > li{ position: relative; } #main-menu > ul > li:hover a, #main-menu > ul > li.current-menu-item a { background: #FF8300; color: #FFFFFF; } #main-menu ul li a { display: block; text-align: center; font-size: 15px; line-height: 16px; font-weight: 700; text-transform: uppercase; transition: none; padding: 9px 12px; } .menu-item-home a:before{ content: "\f015"; font-family: FontAwesome; display: block; float: left; padding: 0; font-weight: 400; margin-right: 8px; font-size: 18px; line-height: 16px; } #main-menu ul li ul { display: none; position: absolute; padding: 0; z-index: 992; border-top: 2px solid #FF8300; } #main-menu ul li ul li { float: none; padding: 0px; position: relative; } #main-menu ul li ul li a, #main-menu ul li:hover ul li a, #main-menu ul li.over ul li a { padding: 10px 16px 10px 14px; display: block; width: 142px; text-align: left; height: auto; background: #2C3236; font-size: 13px; font-weight: 400; border-bottom: 1px solid #777777; border-top: none; color: #CCCCCC; text-transform: none; } #main-menu ul li ul li:hover a, #main-menu ul li ul li.over a { color: #EEEEEE; border-bottom: 1px solid #CCCCCC; } #main-menu ul.sub-menu li:last-child a { border-bottom: none; } #main-menu ul li ul li ul { display: none; position: absolute; } #main-menu ul li ul li:hover ul, #main-menu ul li ul li.sfHover ul { display: block; position: absolute; left: 172px; top: -1px; } #main-menu ul li ul li:hover ul li a, #main-menu ul li ul li.over ul li a { color: #CCCCCC; border-bottom: 1px solid #777777; } #main-menu ul li ul li ul li a:hover { color: #EEEEEE; border-bottom: 1px solid #CCCCCC; } #main-menu .sf-sub-indicator { position: relative; font-size: 0; line-height: 5px; } #main-menu .sf-sub-indicator:before { content: "\f0d7"; display: inline-block; font-family: FontAwesome; font-size: 16px; line-height: 0; margin-left: 6px; margin-top: 2px; padding: 0; line-height: 11px; } #main-menu .sub-menu .sf-sub-indicator:before { content: "\f0da"; margin-top: 1px; float: right; } /* 5. HOMEPAGE * ========== */ /*===[ Full Slider ]===*/ .slides, .slider-section ul{ list-style: none; padding: 0; margin: 0; } .slides li{ overflow: hidden; position: relative; } .slider-full{ overflow: hidden; } .slider-section .entry-meta{ color: #BBBBBB; margin-bottom: 5px; } .slider-section .entry-meta a{ color: #BBBBBB; } .slider-section .read-more a { background: #FFFFFF; color: #2C3236; } .slider-section .entry-meta a:hover{ border-bottom: 1px solid #FFFFFF; } .slider-main { overflow: hidden; display: none; position: relative; } .slider-main .post-info { position: absolute; left: 0; bottom: 0; right: 0; width: 500px; background: rgba(17, 17, 17, 0.8); box-sizing: border-box; padding: 20px; color: #FFFFFF; } .slider-main h2 { margin-bottom: 10px; line-height: 1.1; } .slider-main h2 a { color: #FFFFFF; } .slider-main .entry-excerpt { margin-bottom: 15px; color: #BBBBBB; } /*===[ Slider Nav]===*/ .slider-main .flex-direction-nav{ position: absolute; bottom: 20px; right: 20px; display: block; z-index: 2; font-size: 0; text-align: center; width: 76px; } .slider-main .flex-direction-nav li { float: left; } .slider-main .flex-nav-prev { margin-right: 2px; } .slider-section .flex-direction-nav a{ display: block; background: rgba(255, 255, 255, 0.9); z-index: 2; font-size: 0; text-align: center; width: 36px; height: 36px; box-sizing: border-box; padding-top: 7px; } .slider-section .flex-direction-nav a:hover{ background: rgba(0, 0, 0, 0.9); color: rgba(255, 255, 255, 0.7); } .slider-section .flex-direction-nav a:before{ font-family: FontAwesome; display: block; padding: 0; font-size: 28px; line-height: 20px; } .slider-section a.flex-prev:before { content: "\f104"; } .slider-section a.flex-next:before { content: "\f105"; } /*===[ Slider 2]===*/ .slider2 .slider-main { width: 750px; float: left; overflow: hidden; margin-right: 10px; } .slider-right { width: 340px; float: left; overflow: hidden; } .slider-right .item-post { height: 225px; overflow: hidden; position: relative; } .slider-right .item-1 { margin-bottom: 10px; } .slider-right .item-post .wp-post-image{ height: 340px; margin-top: -55px; } .slider-right .post-info { bottom: 0; left: 0; right: 0; padding: 10px 15px; position: absolute; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, #000000 100%); } .slider-right .post-info h3 { font-size: 18px; margin-bottom: 10px; } .slider-right .post-info h3 a { color: #FFFFFF; } .slider-right .post-info .sep { margin-bottom: 5px; } .post-info .sep { height: 2px; width: 35px; } /*===[ Tiles Slider ]===*/ .slider-tiles, .slider-tiles .inner-wrap, .slider-tiles .flex-direction-nav { overflow: visible; } .slider-tiles { display: none; margin-bottom: 30px; } .slider-tiles .slides-wrap { position: relative; } .slider-tiles .slides li { width: 360px; margin-right: 10px; overflow: hidden; position: relative; } .slider-tiles .post-info { bottom: 0; left: 0; right: 0; overflow: hidden; position: absolute; background: rgba(17, 17, 17, 0.7); padding: 10px 15px; } .slider-tiles .post-info h3 { margin-bottom: 12px; } .slider-tiles .post-info h3 a{ color: #FFFFFF; } .slider-tiles .flex-direction-nav a{ position: absolute; top: 150px; } .slider-tiles a.flex-prev { left: 0; } .slider-tiles a.flex-next { right: 0; } /*===[ Section 1 ]===*/ .section-1 .blog-excerpt { width: 540px; float: left; margin-right: 40px; overflow: hidden; margin-bottom: 0; } .section-1 .blog-excerpt .wp-post-image { height: 360px; } .section-1 .blog-excerpt .thumb { margin-bottom: 15px; } .section-1 .blog-excerpt .entry-meta { margin-bottom: 7px; } .section-1 .blog-excerpt h2 { font-size: 24px; margin-bottom: 10px; } .section-1 .blog-excerpt p { margin-bottom: 15px; } .section-1 .post-list { width: 520px; float: left; overflow: hidden; } .section-1 .item-thumb { width: 240px; float: left; margin-right: 40px; margin-bottom: 30px; overflow: hidden; } .section-1 .post-3, .section-1 .post-5 { margin-right: 0; } .section-1 .post-4, .section-1 .post-5 { margin-bottom: 0; } .section-1 .item-thumb .thumb { height: 180px; margin-bottom: 10px; } .section-1 .item-thumb .wp-post-image { height: 240px; margin-top: -30px; } .section-1 .item-thumb .entry-meta { margin-bottom: 4px; } /*===[ Section 2 ]===*/ .section-2 .item-post{ width: 340px; float: left; margin-right: 40px; overflow: hidden; } .section-2 .post-3 { margin-right: 0; } .section-2 .thumb { margin-bottom: 15px; } .section-2 .wp-post-image { height: 340px; } .section-2 .entry-excerpt { margin: 8px 0 15px; } /*===[ Section 3 ]===*/ .section-3 .item-post { overflow: hidden; margin-bottom: 40px; } .section-3 .post-4 { margin-bottom: 0; } .section-3 .item-post .thumb { width: 150px; float: left; overflow: hidden; margin-right: 20px; } .section-3 .item-post .wp-post-image { height: 150px; } .section-3 .item-post .entry-meta { margin: 5px 0; } .section-3 .item-post p { margin-bottom: 5px; } /*===[ Featured Category 1 ]===*/ .feat-cat1 .blog-excerpt { margin-left: 30px; margin-right: 0; overflow: hidden; width: 550px; float: right; } .feat-cat1 .blog-excerpt .wp-post-image { height: 350px; } .feat-cat1 .blog-excerpt p { margin-bottom: 0; } .feat-cat1 .post-list { width: 180px; overflow: hidden; float: left; } .feat-cat1 .post-list .item-post { margin-bottom: 15px; overflow: hidden; } .feat-cat1 .post-list .post-3 { margin-bottom: 0; } .feat-cat1 .post-list .thumb { margin-bottom: 10px; } .feat-cat1 .post-list .wp-post-image { height: 160px; } /*===[ Featured Category 2 ]===*/ .feat-cat2.single-cat .main-post { margin-bottom: 0; } /*===[ Featured Category 3 ]===*/ .feat-cat3 .blog-excerpt { margin-bottom: 25px; } .feat-cat3 .blog-excerpt p { margin-bottom: 20px; } .feat-cat3 .post-list { overflow: hidden; } .feat-cat3 .item-post { width: 360px; float: left; overflow: hidden; } .feat-cat3 .post-2, .feat-cat3 .post-3 { margin-bottom: 20px; } .feat-cat3 .post-2, .feat-cat3 .post-4 { margin-right: 40px; } .feat-cat3 .item-post .thumb { width: 75px; float: left; margin-right: 15px; overflow: hidden; } .feat-cat3 .item-post .wp-post-image { height: 75px; } .feat-cat3 .item-post h6{ font-size: 15px; } .feat-cat3 .item-post .entry-meta { margin-top: 8px; } /*===[ Single Categories ]===*/ .single-cat .main-post { margin-bottom: 20px; } .single-cat .main-post .thumb { margin-bottom: 10px; height: 200px; } .single-cat .main-post .wp-post-image { height: 235px; margin-top: -15px; } .single-cat .main-post .entry-meta { margin: 8px 0 5px; } .single-cat .item-post { overflow: hidden; margin-bottom: 20px; } .single-cat .item-post:last-child{ margin-bottom: 0; } .single-cat .item-post .thumb{ width: 75px; float: left; margin-right: 20px; } .single-cat .item-post .wp-post-image{ height: 75px; } .single-cat .item-post h6 { font-size: 15px; } .single-cat .item-post .entry-meta { margin-top: 8px; } /*===[ Thumb Posts ]===*/ .thumb-posts .item-post { width: 250px; height: 250px; float: left; overflow: hidden; margin-right: 3px; margin-bottom: 3px; position: relative; } .thumb-posts .item-post .wp-post-image { width: 250px; height: 250px; } .thumb-posts .entry-wrap { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, #000000 100%); padding: 15px; } .thumb-posts .item-post:hover .entry-wrap { display: none; } .thumb-posts .item-post h4 { font-size: 16px; line-height: 1.2; margin-bottom: 6px; } .thumb-posts .entry-meta, .thumb-posts .entry-meta a { color: #AAAAAA; } .thumb-posts .item-post h4 a { color: #FFFFFF; } /*===[ Footer Carousel ]===*/ .carousel-footer { display: none; background: #F5f5f5; padding: 30px; } .carousel-footer .inner-wrap { overflow: visible; } .carousel-footer .slides-wrap { position: relative; } .carousel-footer .slides li { width: 245px; margin-right: 20px; overflow: hidden; position: relative; } .carousel-footer .wp-post-image{ height: 245px; } .carousel-footer .flex-viewport { width: 1040px; overflow: hidden, } .carousel-footer .post-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 15px 15px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, #000000 100%); } .carousel-footer .post-info h5 { margin-bottom: 2px; } .carousel-footer .post-info h5 a { color: #FFFFFF; } .carousel-footer .flex-direction-nav a { position: absolute; top: 100px; width: 40px; height: 40px; background: none; border: 2px solid #191919; } .carousel-footer .flex-direction-nav a.flex-prev{ left: -120px; } .carousel-footer .flex-direction-nav a.flex-next { right: -60px; } /* 6. BLOG * ========== */ .archive-list { overflow: hidden; } .archive-list p { margin-bottom: 20px; } .no-results h3 { margin-bottom: 10px; } .no-results .widget { width: 300px; } /*===[ List Posts ]===*/ .content-excerpt { overflow: hidden; margin-bottom: 30px; } .content-excerpt .thumb { width: 265px; margin-right: 30px; float: left; } .content-excerpt .wp-post-image { height: 265px; } .content-excerpt .excerpt-header { margin-bottom: 10px; } .content-excerpt .excerpt-header h3{ font-size: 22px; line-height: 1.3; margin-bottom: 15px; } /*===[ Tile Posts ]===*/ .tile-excerpt { overflow: hidden; margin-bottom: 30px; } .tile-excerpt .thumb { margin-bottom: 15px; } .tile-excerpt h3 { margin-bottom: 10px; } .tile-excerpt .entry-meta { margin-bottom: 5px; } /*===[ Blog Posts ]===*/ .blog-excerpt { overflow: hidden; margin-bottom: 30px; } .blog-excerpt .thumb { margin-bottom: 15px; } .blog-excerpt h2{ margin-bottom: 10px; } .blog-excerpt .entry-meta { margin-bottom: 10px; } /*===[ Pagination ]===*/ .pagination { margin-top: 30px; padding-top: 8px; border-top: 1px solid #2C3236; text-align: center; } .page-numbers { margin-right: 5px; } .pagination .current { border-bottom: 1px solid #2C3236; } .pagination .prev { float: left; } .pagination .next { float: right; } /*===[ Single Post ]===*/ .entry-slider { position: relative; } .entry-slider .flex-direction-nav a { position: absolute; top: 47%; } .entry-slider .flex-direction-nav a.flex-prev { left: 0; } .entry-slider .flex-direction-nav a.flex-next { right: 0; } .entry-image, .entry-slider { margin-bottom: 20px; overflow: hidden; } .entry-content { font-size: 16px; } .entry-content p{ margin-bottom: 25px; line-height: 1.7; } .entry-content p a{ border-bottom: 2px solid #2C3236; } .entry-header { margin-bottom: 10px; } .entry-header h1 { font-size: 28px; margin-bottom: 10px; } .entry-header .entry-meta { font-size: 15px; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 4px double #2C3236; } .entry-content { margin-bottom: 30px; } .entry-footer { overflow: hidden; margin-bottom: 30px; } .pullquote { border-bottom: 1px solid #2C3236; border-top: 4px solid #2C3236; color: #2C3236; font-family: 'Noticia Text', serif; font-size: 18px; padding: 20px 0 25px; width: 200px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-bottom: 10px; } .entry-header .categories { overflow: hidden; margin-bottom: 10px; } .entry-header .categories a { background: #FF8300; color: #FFFFFF; display: block; float: left; line-height: 1; padding: 5px 8px; margin-right: 10px; } .feat-excerpt { font-size: 17px; font-weight: 700; } p.feat-excerpt { margin-bottom: 25px; } .feat-excerpt .sep { background: #DDDDDD; display: block; height: 1px; margin-top: 25px; width: 75px; } .similar-posts { width: 30%; float: right; overflow: hidden; margin-left: 30px; background: #F7F7F7; padding: 10px 15px; } .similar-posts .title { font-size: 14px; font-weight: 700; margin-bottom: 7px; text-transform: uppercase; overflow: hidden; } .similar-posts ul li{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #DFDFDF; font-size: 15px; } .similar-posts ul li a { color: #444444; } .similar-posts ul li a:hover { color: #111111; } .similar-posts ul li:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /*===[ Post Author ]===*/ .entry-author { background: #F5F5F5; padding: 15px; overflow: hidden; color: #555555; } .entry-author .author-description h5 { overflow: hidden; margin-bottom: 5px; } .entry-author .author-avatar { float: left; margin-right: 20px; } .entry-author .author-avatar .avatar { display: block; } /*===[ Post Share ]===*/ .entry-social { text-align: center; border: 4px double #DDDDDD; padding: 8px 15px 2px; } .entry-social ul { display: inline-block; } .entry-social ul li{ float: left; margin-right: 30px; } .entry-social ul li h6 { font-size: 13px; text-transform: uppercase; } .entry-social ul li i { margin-right: 6px; } /*===[ Related Posts ]===*/ .related-posts .thumb { height: 200px; } .related-posts .wp-post-image { margin-top: -80px; } /*===[ Post Navigation ]===*/ .entry-nav { overflow: hidden; position: relative; } .entry-nav a{ display: block; float: left; position: relative; background: #303539; height: 32px; margin-left: 12px; box-sizing: border-box; padding: 4px 15px 0 5px; color: #FFFFFF; z-index: 2; } .entry-nav .prev-post a:before{ border-color: #FFFFFF #303539 #FFFFFF #FFFFFF; border-style: solid; border-width: 16px 12px 16px 0; content: ''; left: -12px; position: absolute; top: 0; } .entry-nav .next-post { float: right; margin-right: 12px; } .entry-nav .next-post a { padding: 4px 5px 0 15px; } .entry-nav .next-post a:before{ content: ''; position: absolute; top: 0; right: -12px; height: 0; border-color: #FFFFFF #FFFFFF #FFFFFF #303539; border-style: solid; border-width: 16px 0 16px 12px; } .entry-nav .sep{ display: block; position: absolute; height: 1px; left: 0; right: 0; top: 16px; border-top: 1px solid #EEEEEE; } /*===[ Post Comments ]===*/ #comments { max-width: 760px; background: #FFFFFF; line-height: 1.6; } #comments ol.commentlist { margin: 10px 0; list-style: none; } #comments .comment { overflow: hidden; margin-bottom: 30px; } #comments .author-info { margin-bottom: 5px; overflow: hidden; } #comments .author-avatar { float: left; width: 75px; margin-right: 15px; } #comments .author-avatar img { display: block; } #comments .comment-header { overflow: hidden; } #comments .comment-title { overflow: hidden; } #comments .comment-header h6 { float: left; margin-right: 15px; font-weight: 600; font-size: 15px; text-transform: none; } #comments .comment-header .fn { width: auto; font-style: normal; margin-right: 10px; } #comments .author-comment { font-size: 12px; border-bottom: 2px solid #FF8300; margin-top: 2px; line-height: 1; display: block; float: left; } #comments .comment-time { font-size: 12px; margin-bottom: 5px; } #comments .comment-time a { color: #AEAEAE; } #comments .comment-text { line-height: 1.3; } #comments .reply { float: right; } #comments .reply a:before { content: "\f064"; font-family: FontAwesome; margin-right: 5px; padding: 0; font-size: 11px; line-height: 11px; } #comments .reply a { font-size: 13px; position: relative; } #comments .moderation { color: red; font-size: 13px; margin-bottom: 0; overflow: hidden; clear: both; } #comments ul.children { list-style: none; position: relative; overflow: hidden; } #comments ol.commentlist { overflow: hidden; } #comments ol.commentlist article { overflow: hidden; } #comments ol.commentlist li ul.children { list-style: none; margin: 30px 0 0; overflow: hidden; } #comments ul.children .author-avatar { width: 60px; margin-top: 5px; margin-right: 15px; } #comments ul.children li.comment { margin-bottom: 5px; } #comments ol.commentlist .comment-right { float: left; } #comments ol.commentlist .depth-1 .comment-right { width: 670px; } #comments ol.commentlist li ul.children li.depth-2 { margin-left: 40px; } #comments ol.commentlist li ul.children li.depth-2 .comment-right { width: 645px; } #comments ol.commentlist li ul.children li.depth-3 .comment-right { width: 595px; } #comments ol.commentlist li ul.children li.depth-4 .comment-right { width: 545px; } #comments ol.commentlist li ul.children li.depth-5 .comment-right { width: 495px; } #comments ol.commentlist li ul.children li.depth-3, #comments ol.commentlist li ul.children li.depth-4, #comments ol.commentlist li ul.children li.depth-5 { margin-left: 50px; } #comments ol.commentlist li ul.children li.depth-5 .reply { display: none; } #comments ul.children li.depth-5 { margin-bottom: 0; } #comments ol.commentlist li.pingback .url { margin-right: 10px; } #comments .comment-nav h4 { margin-bottom: 5px; } #comments .comment-nav { margin-bottom: 15px; overflow: hidden; } #comments .comment-nav .nav-previous { float: left; } #comments .comment-nav .nav-next { float: right; } #comments .moderation { color: #E96065; font-size: 14px; } #respond { margin-top: 10px; overflow: hidden; } #respond #reply-title { font-size: 18px; font-weight: 600; margin-bottom: 10px; } #respond #reply-title small { font-weight: 400; font-size: 12px; text-transform: none; margin-left: 8px; } #respond #reply-title small a { color: #CCCCCC; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { display: block; margin-bottom: 5px; font-size: 14px; font-weight: 600; } #respond .logged-in-as { overflow: hidden; margin-bottom: 20px; } #respond .comment-notes { font-size: 14px; color: #999999; margin-bottom: 20px !important; } #respond .comment-form-author { margin-right: 4%; } #respond .comment-form-author, #respond .comment-form-email { width: 48%; float: left; margin-bottom: 15px; } #respond .comment-form-author input[type=text], #respond .comment-form-email input[type=text] { width: 100%; } #respond .comment-form-url input[type=text], #respond textarea { width: 100%; margin-bottom: 15px; } #respond input[type=text], #respond textarea { display: block; font-family: inherit; color: inherit; padding: 10px 12px; border: none; background: #F5F5F5; resize: none; font-size: 14px; } #respond textarea { height: 200px; } #respond .submit { border: none; background: #FF8300; color: #FFFFFF; cursor: pointer; font: inherit; padding: 6px 8px 4px; margin: 5px 0; text-align: center; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; } #respond .form-allowed-tags { display: none; } /* 7. PAGES * ========== */ /*=== Archives ===*/ .archive-header { margin-bottom: 30px; } .page-archive .archive-columns h4 { border-bottom: 2px solid #2C3236; padding-bottom: 5px; margin-bottom: 20px; font-size: 16px; text-transform: uppercase; } .page-archive ul.pa-list, .page-archive .wp-tag-cloud{ list-style: circle; } .page-archive .wp-tag-cloud li, .page-archive .pa-list li { margin-bottom: 5px; } .page-archive .wp-tag-cloud li:hover, .page-archive ul.pa-list li:hover{ list-style: disc; } .page-archive ul.pa-list .children{ list-style: circle; } .page-archive .wp-tag-cloud a { font-size: 14px !important; } .page-archive .search-form { position: relative; margin-top: 20px; } .page-archive .search-field { width: 100%; } .page-archive .search-submit { font-size: 18px; right: 5px; top: 10px; } /*===[ Contact Page ]===*/ .contact-page .contact-text{ margin-bottom: 30px; margin-top: 10px; } .contact-page .contact-map { overflow: hidden; margin-bottom: 20px; } .contact-page .map{ height: 300px; } .contact-page .field{ margin-bottom: 20px; overflow: hidden; } .contact-page .field-section{ overflow: hidden; } .contact-form .col-header{ margin-bottom: 30px; } .contact-page .row-full .field{ width: 355px; float: left; margin-right: 15px; } .contact-page .row-full .field-last{ margin-right: 0; } .contact-page .row-full input.text{ width: 333px; } .contact-page .button{ font-size: 14px; padding: 7px 10px; } .contact-page input[type=text], .contact-page textarea{ width: 100%; padding: 10px; font: inherit; color: inherit; margin-bottom: 0; } .contact-page textarea{ height: 150px; } .contact-page .info-text{ border-bottom: 1px solid #ECECEC; padding-bottom: 15px; margin-bottom: 15px; } .contact-page .capt-section { display: none; } .contact-page .error{ color: #C14E36; display: block; font-size: 14px; margin-top: 4px; } .contact-page label{ margin-bottom: 5px; font-weight: 700; display: block; } .contact-page label span{ color: red; margin-left: 3px; font-weight: 400; } .msgbox-warning{ background: #FE9D0C; color: #FFFFFF; padding: 6px 12px; margin-bottom: 30px; } .msgbox-error{ background: #C14E36; color: #FFFFFF; padding: 6px 12px; margin-bottom: 30px; } .msgbox-success{ background: #72C727; color: #FFFFFF; padding: 6px 12px; margin-bottom: 30px; } /*===[ Error Page ]===*/ .error-page { text-align: center; } .error-page h1{ font-size: 140px; line-height: 1; margin-bottom: 0; } .error-page h2{ margin-bottom: 50px; } .error-page .error-info { display: inline-block; text-align: center; margin-bottom: 30px; } .error-page .search{ margin: 40px 0; } .error-page .widget_search { width: 300px; } .error-page .widget { display: inline-block; } .error-page .widget h4 { margin-bottom: 10px; } /* 8. SIDEBAR * ========== */ #sidebar .widget { overflow: hidden; margin-bottom: 35px; } .widget select { border: 1px solid #EFF2F7; font: inherit; color: inherit; width: 100%; padding: 8px; } .widget input[type=text] { font: inherit; border: none; color: #5a666d; height: 44px; line-height: 44px; width: 100%; background: #f2f2f2; box-sizing: border-box; padding: 10px; } .widget-title { margin-bottom: 15px; } .widget-title h4 { font-family: 'Karla', sans-serif; font-size: 16px; text-transform: uppercase; text-align: center; border-bottom: 2px solid #2C3236; padding-bottom: 5px; } /*===[ Default Widgets ]===*/ .widget ul { list-style: none; margin: 0; padding: 0; } .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .widget_pages ul li, .widget_rss ul li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #EEEEEE; } .widget ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget_rss .rsswidget img{ display: none; } /* __ _______ _ ____ _____ _ ________ _____ _____ ____ __ __ \ \ / / __ \| | / __ \ / ____| |/ / ____| __ \ / ____/ __ \| \/ | \ \ /\ / /| |__) | | | | | | | | ' /| |__ | |__) || | | | | | \ / | \ \/ \/ / | ___/| | | | | | | | < | __| | _ / | | | | | | |\/| | \ /\ / | | | |___| |__| | |____| . \| |____| | \ \ | |___| |__| | | | | \/ \/ |_| |______\____/ \_____|_|\_\______|_| \_(_)_____\____/|_| |_| ===[ Social ]===*/ .widget_social .logo-wrap { text-align: center; margin-bottom: 20px; } .widget_social .info-text { margin-bottom: 20px; } .widget_social ul li { float: left; margin-right: 9px; margin-bottom: 9px; } .widget_social ul li a { width: 40px; height: 40px; font-size: 17px; display: block; box-sizing: border-box; text-align: center; padding-top: 6px; background: #292929; color: #888888; } .widget_social ul li a:hover { background: #333333; color: #FFFFFF; } /*===[ Search ]===*/ .widget_search .search-submit { right: 5px; top: 10px; font-size: 18px; } /*===[ Posts ]===*/ .widget_posts .main-post .wp-post-image { height: 300px; margin-top: -50px; } .widget_posts .list .main-post:last-child { margin-bottom: 0; } .widget_posts p { margin-bottom: 15px; } /*=== Featured Video ===*/ .widget_video iframe { max-width: 100%; height: auto; min-height: 200px; } .widget_video .embed p { display: none; } /*===[ Text Posts ]===*/ .widget_textposts .item-post { clear: both } .widget_textposts .entry-left { width: 60px; float: left; } .widget_textposts .entry-right { position: relative; float: left; width: 200px; border-left: 2px solid #f0f0f0; padding-left: 20px; padding-bottom: 30px; } .widget_textposts .entry-left { position: relative; } .widget_textposts .date { display: block; } .widget_textposts .pin { position: absolute; top: 0; right: -7px; z-index: 2; } .widget_textposts .pin span { width: 8px; height: 8px; display: block; background: #FFFFFF; border: 2px solid #FF8300; border-radius: 50%; margin-left: 2px; margin-top: 5px; transition: all 0.2s ease 0s; } .widget_textposts .item-post:hover .pin span{ background: #FF8300; } .widget_textposts .item-post:last-child .entry-right { padding-bottom: 0; } /*===[ Slider ]===*/ .widget_slider .slider-widget-posts { position: relative; } .widget_slider .wp-post-image { height: 300px; } .widget_slider .post-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 15px 15px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 99%, #000000 100%); } .widget_slider .post-info h5 { font-size: 18px; margin-bottom: 2px; } .widget_slider .post-info h5 a { color: #FFFFFF; } .widget_slider .flex-direction-nav{ position: absolute; top: 15px; right: 15px; display: block; z-index: 2; font-size: 0; text-align: center; width: 66px; } .widget_slider .flex-direction-nav li { float: left; } .widget_slider .flex-nav-prev { margin-right: 2px; } .widget_slider .flex-direction-nav a{ display: block; background: rgba(255, 255, 255, 0.9); font-size: 0; text-align: center; width: 32px; height: 32px; box-sizing: border-box; padding-top: 5px; } .widget_slider .flex-direction-nav a:hover{ background: rgba(0, 0, 0, 0.9); color: rgba(255, 255, 255, 0.7); } .widget_slider .flex-direction-nav a:before{ font-family: FontAwesome; display: block; padding: 0; font-size: 24px; line-height: 20px; } .widget_slider a.flex-prev:before { content: "\f104"; } .widget_slider a.flex-next:before { content: "\f105"; } /*===[ Popular Categories ]===*/ .widget_popular_categories ul li{ margin-bottom: 8px; overflow: hidden; } .widget_popular_categories ul li a { display: block; float: left; margin-top: 3px; } .widget_popular_categories .post-count { float: right; font-size: 12px; } /*===[ Recent Comments ]===*/ .widget_comments ul li { overflow: hidden; margin-bottom: 15px; } .widget_comments .thumbnail { width: 75px; float: left; margin-right: 15px; } .widget_comments .comment-text { font-size: 14px; line-height: 1.2; margin-top: 7px; } /*===[ Tags ]===*/ .tagcloud a { background: #FF8300; color: #FFFFFF; display: block; float: left; margin: 0 2px 2px 0; padding: 3px 10px 5px; font-size: 15px !important; } .tagcloud a:hover { background: #2C3236; } .tagcloud a i { float: left; margin-right: 6px; margin-top: 5px; } /*===[ Subscribe ]===*/ .widget_subscribe p { margin-bottom: 20px; } .widget_subscribe button { margin-top: 20px; } /*===[ Video widget ]===*/ .widget_video iframe{ max-width: 100%; } .widget_video .embed p{ display: none; } /*===[ Images ]===*/ .widget_flickr .flickr_thumbs{ overflow: hidden; } .widget_pinterest ul li, .widget_flickr ul li{ width: 70px; float: left; margin-right: 5px; margin-bottom: 5px; } .widget_pinterest .pinterest-image img, .widget_flickr .flickr_thumbs img{ width: 70px; height: 70px; display: block; transition: all 0.3s ease 0s; } .widget_pinterest .pinterest-image img:hover, .widget_flickr .flickr_thumbs img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .widget_pinterest ul li.pinterest-follow-me img{ display: block; height: 28px } .widget_pinterest .recent-pins-widget{ overflow: hidden; } /* 9. FOOTER * ========== */ #footer { margin-top: 30px; overflow: hidden; } .footer-widgets { overflow: hidden; background: #191919; padding: 50px 0; } .footer-widget { float: left; margin-right: 40px; width: 245px; color: #999999; } .footer-widget a { color: #999999; } .footer-widget a:hover { color: #CCCCCC; } .footer-widget .widget-title h4 { margin-bottom: 15px; color: #EEEEEE; border-bottom: 2px solid #BBBBBB; } .footer-widget .widget_recent_comments ul li, .footer-widget .widget_recent_entries ul li, .footer-widget .widget_categories ul li, .footer-widget .widget_archive ul li, .footer-widget .widget_meta ul li, .footer-widget .widget_pages ul li, .footer-widget .widget_rss ul li { border-bottom: 1px solid #393939; } .footer-widget .widget ul li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .footer-widget .widget input[type="text"] { background: #292929; color: #999999; } .footer-bottom { background: #292929; padding: 15px 0; text-align: center; color: #999999; } .footer-bottom a{ color: #999999; } .footer-info { font-size: 13px; } /* 10. MEDIA QUERIES * ==================== */ /* 10.1 DESKTOPS * ============== */ @media only screen and (min-width: 980px) and (max-width: 1200px) { .inner-wrap { width: 960px; } #content { width: 640px; margin-right: 20px; } #sidebar { width: 300px; } .attachment-fp760_500 { height: 420px; } .attachment-fp360_360 { height: 310px; width: 310px; } .attachment-fp1100_460 { height: 440px; max-width: 1050px; } .top-posts .item-post { margin-right: 15px; width: 310px; } .top-posts .thumb { margin-right: 10px; } .top-posts .post-info { width: 230px; } .top-posts .item-3 { margin-right: 0; } .slider-full .wp-post-image { margin-left: -45px; } .slider2 .slider-main { width: 610px; } .slider2 .slider-main .wp-post-image { max-width: 710px; height: 430px; margin-left: -50px; } .slider-right .item-post { height: 210px; } .slider-right .item-post .wp-post-image { width: 340px; height: 300px; } .slider-tiles .slides li { width: 310px !important; margin-right: 15px; } .slider-tiles .flex-direction-nav a { top: 135px; } .slider-tiles .post-info h3 { font-size: 18px; margin-bottom: 10px; } .slider-tiles .post-info .sep { margin-bottom: 4px; } .section-1 .blog-excerpt { margin-right: 20px; width: 480px; } .section-1 .blog-excerpt .wp-post-image { width: 730px; height: 360px; } .section-1 .post-list { width: 460px; } .section-1 .item-thumb { width: 220px; margin-bottom: 20px; margin-right: 20px; } .section-1 .item-thumb .wp-post-image { height: 220px; margin-top: -20px; } .section-1 .post-3, .section-1 .post-5 { margin-right: 0; } .section-2 .item-post { margin-right: 20px; width: 306px; } .section-2 .wp-post-image { width: 306px; height: 306px; } .section-2 .post-3 { margin-right: 0; } .section-3 .item-post { margin-bottom: 20px; } .feat-cat1 .blog-excerpt{ width: 100%; margin-left: 0; margin-right: 0; } .feat-cat1 .blog-excerpt .wp-post-image { height: 420px; } .feat-cat1 .post-list { width: 620px; margin-top: 30px; } .feat-cat1 .post-list .item-post{ width: 300px; float: left; margin-right: 20px; margin-bottom: 0; } .feat-cat1 .post-list .wp-post-image { height: 300px; } .feat-cat1 .post-list .post-3 { margin-right: 0; } .one-half { width: 310px; margin-right: 20px; } .feat-cat2 .main-post .wp-post-image { height: 215px; margin-top: -5px; } .thumb-posts .col-last { margin-right: 3px !important; } .single-cat .item-post .thumb { margin-right: 15px; } .single-cat .main-post { margin-bottom: 30px; } .single-cat .main-post .wp-post-image { height: 310px; } .blog-excerpt .wp-post-image { height: 420px; } .content-excerpt .excerpt-header { margin-bottom: 5px; } .content-excerpt .excerpt-header h3 { font-size: 20px; margin-bottom: 10px; } .content-excerpt p { margin-bottom: 15px; } .widget_posts .main-post .wp-post-image { height: 300px; } .footer-widgets .widget-4 { display: none; } .footer-widget { width: 280px; } .gotop { right: 20px; } .carousel-footer .slider-nav { display: none; } #comments { max-width: 100%; } #comments ol.commentlist .depth-1 .comment-right { width: 550px; } #comments ol.commentlist li ul.children li.depth-2 .comment-right { width: 525px; } #comments ol.commentlist li ul.children li.depth-3 .comment-right { width: 475px; } #comments ol.commentlist li ul.children li.depth-4 .comment-right { width: 425px; } #comments ol.commentlist li ul.children li.depth-5 .comment-right { width: 375px; } } /* 10.2. Tablet Portrait (devices and browsers) ================================================ */ @media only screen and (min-width: 880px) and (max-width: 979px) { .inner-wrap { width: 860px; } #content { width: 540px; margin-right: 20px; } #sidebar { width: 300px; } #header .right { width: 100%; max-width: 100%; } .menu-section { float: left; width: 100%; } .attachment-fp1100_460 { height: 420px; max-width: 1000px; } .attachment-fp760_500 { height: 360px; } .attachment-fp360_360 { height: 260px; width: 260px; } .top-posts .item-3 { display: none; } .slider-full .wp-post-image { margin-left: -70px; } .slider2 .slider-main { width: 570px; } .slider2 .slider-main .wp-post-image { height: 370px; max-width: 610px; margin-left: -20px; } .slider-main .post-info { bottom: 80px; left: 30px; } .slider-right .item-post { height: 180px; } .slider-right .post-info h3 { font-size: 16px; margin-bottom: 8px; } .slider-right .post-info .sep { margin-bottom: 2px; } .slider-right { width: 280px; } .slider-right .item-post .wp-post-image { height: 300px; width: 280px; } .slider-tiles .slides li { width: 280px !important; } .slider-tiles .flex-direction-nav a { top: 105px; } .slider-tiles .post-info h3 { font-size: 18px; margin-bottom: 10px; } .slider-tiles .post-info .sep { margin-bottom: 4px; } .slider-tiles .wp-post-image{ height: 280px; width: 280px; } .section-1 .blog-excerpt { margin-right: 20px; width: 420px; } .section-1 .blog-excerpt .wp-post-image { height: 280px; } .section-1 .post-list { width: 420px; } .section-1 .post-list h5{ font-size: 14px; } .section-1 .item-thumb .thumb { height: 160px; margin-bottom: 10px; } .section-1 .item-thumb { width: 200px; margin-bottom: 20px; margin-right: 20px; } .section-1 .item-thumb .wp-post-image { height: 200px; margin-top: -20px; } .section-1 .post-3, .section-1 .post-5 { margin-right: 0; } .section-1 .post-4, .section-1 .post-5 { margin-bottom: 0; } .section-2 .item-post { margin-right: 20px; width: 273px; } .section-2 .wp-post-image { width: 306px; height: 306px; } .section-2 .post-3 { margin-right: 0; } .section-3 .item-post { margin-bottom: 20px; } .section-3 .item-post .thumb { margin-right: 15px; width: 150px; } .section-3 .item-post .wp-post-image { height: 140px; } .section-3 .item-post p { display: none; } .feat-cat1 .blog-excerpt{ width: 100%; margin-left: 0; margin-right: 0; } .feat-cat1 .blog-excerpt .wp-post-image { height: 320px; } .feat-cat1 .post-list { width: 520px; margin-top: 30px; } .feat-cat1 .post-list .item-post { width: 250px; margin-right: 20px; margin-bottom: 0; float: left; } .feat-cat1 .post-list .wp-post-image { height: 250px; } .feat-cat1 .post-list .post-3 { margin-right: 0; } .one-half { width: 260px; margin-right: 20px; } .feat-cat2 .main-post .wp-post-image { height: 215px; margin-top: -5px; } .single-cat .item-post .thumb { margin-right: 15px; } .single-cat .main-post { margin-bottom: 30px; } .feat-cat2 .main-post .thumb { height: 180px; } .thumb-posts .col-last { margin-right: 3px !important; } .single-cat .main-post .wp-post-image { height: 180px; margin-top: 0; } .single-cat .item-post h6 { font-size: 14px; } .blog-excerpt .wp-post-image { height: 360px; } .content-excerpt .thumb { margin-right: 20px; width: 260px; } .content-excerpt .wp-post-image { height: 260px; } .content-excerpt .excerpt-header h3 { font-size: 20px; } .entry-social ul li { margin-right: 25px; } .entry-social ul li:last-child { margin-right: 0; } .widget_slider .wp-post-image, .widget_posts .main-post .wp-post-image { width: 300px; height: 300px; } .footer-widgets .widget-3 { margin-right: 0; } .footer-widgets .widget-4 { display: none; } .footer-widget { width: 266px; margin-right: 30px; } .gotop { right: 20px; } .carousel-footer .slider-nav { display: none; } #comments { max-width: 100%; } #comments ol.commentlist .depth-1 .comment-right { width: 450px; } #comments ol.commentlist li ul.children li.depth-2 .comment-right { width: 425px; } #comments ol.commentlist li ul.children li.depth-3 .comment-right { width: 375px; } #comments ol.commentlist li ul.children li.depth-4 .comment-right { width: 325px; } #comments ol.commentlist li ul.children li.depth-5 .comment-right { width: 275px; } } /* 10.3. Tablet Portrait (devices and browsers) =============================================== */ @media only screen and (min-width: 780px) and (max-width: 879px) { .inner-wrap { width: 760px; } #content { margin-right: 0; } #main-menu ul { display: none; } .slicknav_menu{ display: block; right: 0; } .menu-section { position: relative; background: none; } .attachment-fp1100_460 { height: 400px; max-width: 960px; } .top-bar { overflow: visible; clear: both; } .top-bar .inner-wrap { position: relative; overflow: visible; } .top-menu { height: 0; } .top-menu ul { display: none; } .top-bar .slicknav_menu { margin-top: 5px; left: 0; right: auto; } .top-posts .item-3 { display: none; } .slider-full .wp-post-image { margin-left: -100px; } .slider2 .slider-main { width: 760px; margin-right: 0; } .slider-right { width: 760px; margin-top: 30px; } .slider-right .item-post { width: 360px; margin-right: 40px; float: left; } .slider-right .item-2 { margin-right: 0; } .slider-tiles .slides li { width: 280px !important; } .slider-tiles .flex-direction-nav a { top: 105px; } .slider-tiles .post-info h3 { font-size: 18px; margin-bottom: 10px; } .slider-tiles .post-info .sep { margin-bottom: 4px; } .slider-tiles .wp-post-image{ height: 280px; width: 280px; } .section-1 .post-4, .section-1 .post-5 { display: none; } .section-1 .item-thumb { margin-bottom: 20px; margin-right: 0; width: 200px; } .section-1 .item-thumb .wp-post-image { height: 200px; margin-top: -10px; } .section-1 .blog-excerpt { margin-right: 20px; } .section-1 .post-list { width: 200px; } .section-2 .item-post { margin-right: 20px; width: 240px; } .section-2 .wp-post-image { height: 240px; } .section-2 .post-3 { margin-right: 0; } .section-3 .post-list { margin-top: 30px; width: 760px; } .section-3 .blog-excerpt { width: 760px; margin-bottom: 0; margin-right: 0; } .section-3 .blog-excerpt .wp-post-image { height: 500px; } .section-3 .item-post { margin-bottom: 0; } .feat-cat1 .blog-excerpt { width: 520px; margin-left: 0; margin-right: 0; } .feat-cat1 .blog-excerpt .wp-post-image { height: 320px; } .carousel-footer .slider-nav { display: none; } #sidebar { width: 300px; } #sidebar { width: 760px; -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; column-count: 2; column-gap: 40px; margin-top: 20px; } #sidebar .widget { width: 360px; overflow: hidden; break-inside: avoid-column; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; -webkit-backface-visibility: hidden; margin-bottom: 20px; } .footer-widget { margin-right: 20px; width: 240px; } .footer-widgets .widget-3 { display: none; } .gotop { right: 30px; } } /* 10.4. Tablet Portrait (devices and browsers) ================================================== */ @media only screen and (min-width: 650px) and (max-width: 779px) { .inner-wrap { width: 620px; } #content { width: 620px; margin-right: 0; } #main-menu ul { display: none; } .slicknav_menu{ display: block; right: 0; } .top-bar { overflow: visible; clear: both; } .top-bar .inner-wrap { position: relative; overflow: visible; } .top-menu { height: 0; } .top-menu ul { display: none; } .top-bar .slicknav_menu { margin-top: 5px; left: 0; right: auto; } .menu-section { position: relative; background: none; } .attachment-fp1100_460 { height: 380px; max-width: 910px; } .attachment-fp760_460 { height: 380px; } .attachment-fp360_360 { height: 300px; width: 300px; } .top-posts .item-post { width: 302px; margin-right: 15px; } .top-posts .post-info { width: 217px; } .top-posts .item-2 { margin-right: 0; } .top-posts .item-3 { display: none; } .slider-full .wp-post-image { margin-left: -145px; } .slider2 .slider-main { width: 620px; margin-right: 0; } .slider-right { width: 620px; margin-top: 30px; } .slider-right .item-post { width: 300px; margin-right: 20px; float: left; } .slider-right .item-post .wp-post-image { height: 250px; margin-top: 0; } .slider-right .item-2 { margin-right: 0; } .slider-tiles .slides li { width: 310px !important; } .slider-tiles .flex-direction-nav a { top: 135px; } .slider-tiles .post-info h3 { font-size: 18px; margin-bottom: 10px; } .slider-tiles .post-info .sep { margin-bottom: 4px; } .slider-tiles .wp-post-image{ height: 310px; width: 310px; } .section-1 .blog-excerpt { float: none; margin-bottom: 30px; margin-right: 0; width: 620px; } .section-1 .post-list { width: 600px; } .section-1 .post-4, .section-1 .post-5 { display: none; } .section-1 .item-thumb { margin-bottom: 20px; margin-right: 0; width: 620px; } .section-1 .item-thumb .thumb { float: left; margin-right: 20px; width: 100px; height: 100px; margin-bottom: 0; } .section-1 .item-thumb .wp-post-image { height: 100px; margin-top: 0; } .section-2 .item-post { margin-right: 20px; width: 300px; } .section-2 .wp-post-image { height: 300px; margin-right: 20px; } .section-2 .post-2 { margin-right: 0; } .section-2 .post-3 { display: none; } .section-3 .post-list { margin-top: 30px; width: 620px; } .section-3 .blog-excerpt { width: 620px; margin-bottom: 0; margin-right: 0; } .section-3 .blog-excerpt .wp-post-image { height: 410px; } .section-3 .item-post { margin-bottom: 30px; } .feat-cat1 .blog-excerpt { margin-left: 0; } .feat-cat1 .post-list .item-post { width: 290px; float: left; margin-right: 20px; } .feat-cat1 .post-list .post-3 { margin-right: 0; } .one-half { width: 300px; margin-right: 20px; } .feat-cat2 .main-post .wp-post-image { height: 200px; margin-top: 0; } .feat-cat3 .item-post { width: 300px; } .feat-cat3 .post-2, .feat-cat3 .post-4 { margin-right: 20px; } .thumb-posts .col-last { margin-right: 3px !important; } .entry-header { margin-bottom: 10px; } .entry-header .entry-meta { font-size: 13px; } .carousel-footer .slider-nav { display: none; } #sidebar { width: 620px; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; margin-top: 20px; } #sidebar .widget { width: 300px; overflow: hidden; break-inside: avoid-column; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; -webkit-backface-visibility: hidden; margin-bottom: 20px; } #comments { max-width: 100%; } #comments ol.commentlist .depth-1 .comment-right { width: 530px; } #comments ol.commentlist li ul.children li.depth-2 .comment-right { width: 505px; } #comments ol.commentlist li ul.children li.depth-3 .comment-right { width: 455px; } #comments ol.commentlist li ul.children li.depth-4 .comment-right { width: 405px; } #comments ol.commentlist li ul.children li.depth-5 .comment-right { width: 355px; } .gotop { right: 30px; } } /* 10.5. Tablet Portrait (devices and browsers) ================================================ */ @media only screen and (min-width: 500px) and (max-width: 649px) { .inner-wrap { width: 480px; } #content { width: 480px; margin-right: 0; } #main-menu ul { display: none; } .slicknav_menu{ display: block; right: 0; } .menu-section { position: relative; background: none; } h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { font-size: 20px; } .attachment-fp760_460 { height: 320px; } .attachment-fp360_360 { height: 230px; width: 230px; } .top-bar { overflow: visible; clear: both; } .top-bar .inner-wrap { position: relative; overflow: visible; } .top-menu { height: 0; } .top-menu ul { display: none; } .top-bar .slicknav_menu { margin-top: 5px; left: 0; right: auto; } .top-posts .item-post { margin-right: 0; margin-bottom: 20px; } .top-posts .item-3 { margin-bottom: 0; } .slider-full .wp-post-image { max-width: 825px; width: 825px; height: 300px; margin-left: -170px; } .slider-main h2 { font-size: 18px; margin-bottom: 15px; } .slider-main .entry-cat, .slider-main .sep-cat { display: none; } .slider2 .slider-main { width: 480px; margin-right: 0; } .slider-main .post-info { width: 300px; padding: 15px; } .slider-main .entry-excerpt { display: none; } .slider-right { width: 480px; margin-top: 20px; } .slider-right .item-post { width: 230px; height: auto; margin-right: 20px; float: left; } .slider-right .item-post .wp-post-image { height: 230px; margin-top: 0; } .slider-right .post-info h3 { font-size: 16px; } .slider-right .item-2 { margin-right: 0; } .slider-tiles .slides li { width: 235px !important; } .slider-tiles .flex-direction-nav a { top: 60px; } .slider-tiles .post-info h3 { font-size: 16px; margin-bottom: 5px; } .slider-tiles .post-info .sep { margin-bottom: 2px; } .slider-tiles .wp-post-image{ height: 235px; width: 235px; } .section-1 .blog-excerpt { float: none; margin-bottom: 30px; margin-right: 0; width: 480px; } .section-1 .blog-excerpt .wp-post-image { height: 320px; } .section-1 .post-list { width: 480px; } .section-1 .post-4, .section-1 .post-5 { display: none; } .section-1 .item-thumb { margin-bottom: 20px; margin-right: 0; width: 480px; } .section-1 .item-thumb .thumb { float: left; margin-right: 20px; width: 100px; height: 100px; margin-bottom: 0; } .section-1 .item-thumb .wp-post-image { height: 100px; margin-top: 0; } .section-2 .item-post { margin-right: 20px; width: 230px; } .section-2 .wp-post-image { height: 230px; margin-right: 20px; } .section-2 .post-2 { margin-right: 0; } .section-2 .post-3 { display: none; } .section-3 .post-list { margin-top: 30px; width: 480px; } .section-3 .blog-excerpt { width: 480px; margin-bottom: 0; margin-right: 0; } .section-3 .blog-excerpt .wp-post-image { height: 320px; } .section-3 .item-post { margin-bottom: 30px; } .feat-cat1 .blog-excerpt { margin-left: 0; } .feat-cat1 .post-list { width: 460px; } .feat-cat1 .post-list .item-post { width: 225px; float: left; margin-right: 10px; } .feat-cat1 .post-list .post-3 { margin-right: 0; } .feat-cat3 .post-4 { margin-bottom: 20px; } .one-half { width: 230px; margin-right: 20px; } .feat-cat2 .main-post .thumb { height: auto; } .feat-cat2 .main-post .wp-post-image { height: 160px; margin-top: 0; } .thumb-posts .item-post { height: 237px; width: 237px; } .thumb-posts .col-last { margin-right: 3px !important; } .thumb-posts .wp-post-image { height: 237px; width: 237px; } .entry-header h1 { font-size: 24px; } .content-excerpt .thumb { margin-right: 20px; width: 230px; } .content-excerpt .wp-post-image { height: 230px; } .content-excerpt .excerpt-header { margin-bottom: 5px; } .content-excerpt .excerpt-header h3 { font-size: 20px; margin-bottom: 10px; } .entry-header { margin-bottom: 10px; } .entry-header .entry-meta { font-size: 13px; } .entry-social ul li { margin-right: 35px; } .entry-social ul li:last-child { display: none; } #sidebar { width: 480px; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; margin-top: 20px; } #sidebar .widget { width: 230px; overflow: hidden; break-inside: avoid-column; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; -webkit-backface-visibility: hidden; margin-bottom: 20px; } .widget_slider .wp-post-image, .widget_posts .main-post .wp-post-image { height: 230px; } .widget_textposts .entry-right { width: 148px; } .carousel-footer { padding: 15px; } .carousel-footer .slides-wrap { width: 450px; overflow: hidden; } .carousel-footer .wp-post-image { width: 245px; height: 245px; } .carousel-footer .slider-nav { display: none; } .footer-widget { margin-right: 20px; width: 230px; margin-bottom: 20px; } .footer-widgets .widget-2, .footer-widgets .widget-4 { margin-right: 0; } #comments { max-width: 100%; } #comments .author-avatar { width: 60px; margin-right: 10px; margin-top: 5px; } #comments .comment-header h6 { font-size: 13px; margin-right: 10px; } #comments .comment-time { margin-left: 0; } #comments ol.commentlist li ul.children li.depth-2{ margin-left: 15px; } #comments ol.commentlist li ul.children li.depth-3, #comments ol.commentlist li ul.children li.depth-4, #comments ol.commentlist li ul.children li.depth-5{ margin-left: 0; padding: 0; } #comments ol.commentlist .depth-1 .comment-right { width: 410px; } #comments ol.commentlist li ul.children li.depth-2 .comment-right, #comments ol.commentlist li ul.children li.depth-3 .comment-right { width: 405px; } #comments ul.children .author-avatar { margin-right: 10px; width: 50px; } #respond .comment-form-author, #respond .comment-form-email { width: 100%; } #respond .comment-form-author { margin-right: 0; } #respond textarea { height: 150px; } .contact-page .map { height: 240px; } .gotop { right: 30px; } } /* 10.6. Mobile Portrait Size to Mobile Landscape Size ======================================================= */ @media only screen and (min-width: 400px) and (max-width: 499px) { .inner-wrap { width: 380px; } #content { width: 380px; margin-right: 0; } #header .logo { width: 380px; float: none; text-align: center; margin-bottom: 20px; } #header .right { max-width: 100%; width: 380px; } #header .social { float: left; } .menu-section { margin-top: 10px; } #main-menu ul { display: none; } .slicknav_menu{ display: block; right: 70px; } .menu-section { position: relative; background: none; } h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { font-size: 20px; } .attachment-fp760_460 { height: 260px; } .top-bar { overflow: visible; clear: both; } .top-bar .inner-wrap { position: relative; overflow: visible; } .top-menu { height: 0; } .top-bar .social, .top-menu ul { display: none; } .top-bar .slicknav_menu { margin-top: 5px; } .top-posts .item-post { margin-right: 0; margin-bottom: 20px; } .top-posts .item-3 { margin-bottom: 0; } .slider-full .wp-post-image { max-width: 570px; height: 240px; margin-left: -165px; } .slider2 .slider-main { width: 380px; margin-right: 0; } .slider-main .entry-cat, .slider-main .sep-cat { display: none; } .slider-main .post-info { width: 260px; padding: 7px 12px 10px; } .slider-main h2 { font-size: 18px; margin-bottom: 15px; } .slider-main .entry-excerpt { display: none; } .slider-main .flex-direction-nav { width: 58px; } .slider-section .flex-direction-nav a { width: 28px; height: 28px; padding-top: 4px; } .slider-section .flex-direction-nav a:before { font-size: 24px; } .slider-right { width: 360px; margin-top: 20px; } .slider-right .item-post { width: 360px; height: 240px; margin-bottom: 20px; } .slider-right .item-post .wp-post-image { height: 360px; margin-top: -60px; } .slider-right .item-2 { margin-bottom: 0; } .slider-tiles .slides li { width: 235px !important; } .slider-tiles .flex-direction-nav a { top: 60px; } .slider-tiles .post-info h3 { font-size: 16px; margin-bottom: 5px; } .slider-tiles .post-info .sep { margin-bottom: 2px; } .slider-tiles .wp-post-image{ height: 235px; width: 235px; } .section-1 .blog-excerpt { float: none; margin-bottom: 30px; margin-right: 0; width: 380px; } .section-1 .blog-excerpt .wp-post-image { height: 250px; } .section-1 .post-list { width: 380px; } .section-1 .item-thumb { margin-bottom: 20px; margin-right: 0; width: 380px; } .section-1 .item-thumb .thumb { float: left; margin-right: 20px; width: 100px; height: 100px; margin-bottom: 0; } .section-1 .item-thumb .wp-post-image { height: 100px; margin-top: 0; } .section-2 .item-post { margin-right: 0; margin-bottom: 20px; } .section-2 .wp-post-image { height: 230px; margin-right: 20px; } .section-2 .post-3 { margin-bottom: 0; } .section-3 .post-list { margin-top: 30px; width: 380px; } .section-3 .blog-excerpt { width: 380px; margin-bottom: 0; margin-right: 0; } .section-3 .blog-excerpt .wp-post-image { height: 250px; } .section-3 .item-post { margin-bottom: 30px; } .section-3 .item-post:last-child { margin-bottom: 0; } .section-3 .item-post .thumb { width: 100px; } .section-3 .item-post .wp-post-image { height: 100px; } .feat-cat1 .blog-excerpt { margin-left: 0; } .feat-cat1 .post-list { width: 360px; } .feat-cat1 .post-list .item-post { width: 360px; float: left; margin-right: 0; } .feat-cat1 .post-list .thumb { width: 100px; margin-right: 20px; float: left; } .feat-cat1 .post-list .wp-post-image { height: 100px; } .feat-cat1 .post-list .thumb { margin-bottom: 0; } .feat-cat1 .post-list .post-3 { margin-right: 0; } .feat-cat2.single-cat .main-post { margin-bottom: 20px; } .one-half { margin-right: 0; } .feat-cat2 .main-post .thumb { height: auto; } .feat-cat2 .main-post .wp-post-image { margin-top: 0; } .feat-cat3 .post-4 { margin-bottom: 20px; } .single-cat.col-last { margin-top: 20px; } .entry-header { margin-bottom: 10px; } .entry-header h1 { font-size: 24px; } .entry-header .entry-meta { font-size: 13px; } blockquote { font-size: 18px; } .entry-social ul li { margin-bottom: 8px; } .content-excerpt .thumb { margin-right: 0; margin-bottom: 15px; float: none; } .content-excerpt .excerpt-header { margin-bottom: 5px; } .content-excerpt .excerpt-header h3 { font-size: 20px; margin-bottom: 10px; } .carousel-footer { padding: 15px; } .carousel-footer .slides-wrap { width: 350px; overflow: hidden; } .carousel-footer .wp-post-image { width: 245px; height: 245px; } .carousel-footer .slider-nav { display: none; } .footer-widget { margin-right: 0; margin-bottom: 20px; } .gotop { width: 36px; height: 36px; right: 30px; } .gotop i { font-size: 20px; margin-top: 7px; } #sidebar { margin-top: 20px; } #comments { max-width: 100%; } #comments .author-avatar { width: 60px; margin-right: 10px; margin-top: 5px; } #comments .comment-header h6 { font-size: 13px; margin-right: 10px; } #comments .comment-time { margin-left: 0; } #comments ol.commentlist li ul.children li.depth-2{ margin-left: 15px; } #comments ol.commentlist li ul.children li.depth-3, #comments ol.commentlist li ul.children li.depth-4, #comments ol.commentlist li ul.children li.depth-5{ margin-left: 0; padding: 0; } #comments ol.commentlist .depth-1 .comment-right { width: 310px; } #comments ol.commentlist li ul.children li.depth-2 .comment-right, #comments ol.commentlist li ul.children li.depth-3 .comment-right { width: 305px; } #comments ul.children .author-avatar { margin-right: 10px; width: 50px; } #respond .comment-form-author, #respond .comment-form-email { width: 100%; } #respond .comment-form-author { margin-right: 0; } #respond textarea { height: 150px; } .contact-page .one-half { margin-right: 0; width: 100%; } .contact-page .contact-form textarea { height: 160px; } .contact-page .map { height: 220px; } .error-page h1 { font-size: 100px; } } /* 10.7. Mobile Portrait Size to Mobile Landscape Size ======================================================= */ @media only screen and (max-width: 399px) { .inner-wrap { width: 280px; } #content { width: 280px; margin-right: 0; } #sidebar { width: 280px; margin-top: 20px; } #header .logo { width: 280px; float: none; text-align: center; margin-bottom: 20px; } #header .right { max-width: 100%; width: 245px; margin-right: 18px; } #header .search { overflow: hidden; margin: 0 0 10px; float: none; width: 245px; } #header .search input[type="text"] { width: 245px; } #header .social { float: none; margin-right: 0; max-width: 100%; width: 100%; text-align: center; } #header .social ul { display: inline-block; } #main-menu ul { display: none; } .slicknav_menu{ display: block; right: 18px; } .slicknav_btn { width: 225px; } .menu-section { position: relative; background: none; } h1 { font-size: 22px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 15px; } .attachment-fp760_460 { height: 200px; } .attachment-fp360_360 { height: 280px; width: 280px; } .top-bar { overflow: visible; clear: both; } .top-bar .inner-wrap { position: relative; overflow: visible; } .top-menu { height: 0; } .top-bar .social, .top-menu ul { display: none; } .top-bar .slicknav_menu { margin-top: 5px; } .top-posts .item-post { margin-right: 0; margin-bottom: 20px; } .top-posts .item-3 { margin-bottom: 0; } .slider-full .wp-post-image { max-width: 670px; height: 200px; margin-left: -195px; } .slider2 .slider-main { width: 280px; margin-right: 0; } .slider-main .post-info { width: 240px; padding: 7px 10px 10px; } .slider-main .entry-cat, .slider-main .sep-cat { display: none; } .slider-main h2 { font-size: 16px; } .slider-main .read-more h6 { font-size: 12px; padding: 4px 6px; } .slider-main .entry-excerpt { display: none; } .slider-main .flex-direction-nav { width: 58px; top: 10px; right: 10px; } .slider-section .flex-direction-nav a { width: 28px; height: 28px; padding-top: 4px; } .slider-section .flex-direction-nav a:before { font-size: 24px; } .slider-right { width: 280px; margin-top: 20px; } .slider-right .item-post { width: 280px; height: 180px; margin-bottom: 20px; } .slider-right .item-post .wp-post-image { height: 360px; margin-top: -60px; } .slider-right .post-info .sep, .slider-right .more-link { display: none; } .slider-right .post-info h3 { font-size: 16px; margin-bottom: 0; } .slider-right .item-2 { margin-bottom: 0; } .slider-tiles .flex-direction-nav a { top: 125px; } .slider-tiles .post-info h3 { font-size: 16px; margin-bottom: 5px; } .slider-tiles .post-info .sep { margin-bottom: 2px; } .section-title h3 { font-size: 20px; } .section-1 .blog-excerpt { float: none; margin-bottom: 20px; margin-right: 0; width: 280px; } .section-1 .blog-excerpt .wp-post-image { height: 190px; } .section-1 .blog-excerpt h2 { font-size: 18px; } .read-more h6 { font-size: 12px; padding: 6px 8px 4px; } .section-1 .post-list { width: 280px; } .section-1 .item-thumb { margin-bottom: 20px; margin-right: 0; width: 280px; } .section-1 .item-thumb .thumb { float: left; margin-right: 20px; width: 100px; height: 100px; margin-bottom: 0; } .section-1 .item-thumb .wp-post-image { height: 100px; margin-top: 0; } .section-2 .item-post { margin-right: 0; margin-bottom: 20px; width: 280px; } .section-2 .wp-post-image { height: 280px; } .section-2 .post-3 { margin-bottom: 0; } .section-3 .post-list { margin-top: 30px; width: 280px; } .section-3 .blog-excerpt { width: 280px; margin-bottom: 0; margin-right: 0; } .section-3 .blog-excerpt .wp-post-image { height: 190px; } .section-3 .item-post { margin-bottom: 30px; } .section-3 .item-post:last-child { margin-bottom: 0; } .section-3 .item-post .thumb { width: 100px; } .section-3 .item-post .wp-post-image { height: 100px; } .section-1 .post-list { width: 260px; } .feat-cat1 .blog-excerpt { margin-left: 0; } .feat-cat1 .post-list .item-post { width: 260px; float: none; margin-right: 0; } .feat-cat1 .post-list .thumb { width: 90px; margin-right: 10px; float: left; margin-bottom: 0; } .feat-cat1 .post-list .wp-post-image { height: 90px; } .feat-cat1 .post-list .post-3 { margin-right: 0; } .feat-cat2.single-cat .main-post { margin-bottom: 20px; } .one-half { width: 280px; margin-right: 0; } .feat-cat2 .main-post .thumb { height: auto; } .feat-cat2 .main-post .wp-post-image { margin-top: 0; } .feat-cat3 .post-4 { margin-bottom: 20px; } .single-cat.col-last { margin-top: 20px; } .single-cat .item-post .thumb { margin-right: 15px; } .entry-header h1 { font-size: 22px; } .entry-header .entry-meta { font-size: 13px; } .entry-slider .flex-direction-nav a { top: 40%; } .entry-social ul li { margin-bottom: 10px; } .entry-header { margin-bottom: 10px; } .entry-header h1 { font-size: 20px; } .entry-header .entry-meta { font-size: 13px; } .entry-social ul li { margin-bottom: 8px; } .content-excerpt .thumb { margin-right: 0; margin-bottom: 15px; float: none; width: 280px; } .content-excerpt .wp-post-image { height: 280px; } .content-excerpt .excerpt-header { margin-bottom: 5px; } .content-excerpt .excerpt-header h3 { font-size: 20px; margin-bottom: 10px; } blockquote { font-size: 16px; } .widget_posts .main-post .wp-post-image, .widget_slider .wp-post-image { height: 280px; } .widget_textposts .entry-right { width: 198px; } .carousel-footer { padding: 15px; } .carousel-footer .slides-wrap { width: 245px; overflow: hidden; } .carousel-footer .slider-nav { display: none; } .footer-widget { margin-right: 0; margin-bottom: 20px; } .gotop { width: 36px; height: 36px; right: 30px; } .gotop i { font-size: 20px; margin-top: 7px; } #comments { max-width: 100%; } #comments .author-avatar { width: 60px; margin-right: 10px; margin-top: 5px; } #comments .comment-header h6 { font-size: 13px; margin-right: 10px; } #comments .comment-time { margin-left: 0; } #comments ol.commentlist li ul.children li.depth-2{ margin-left: 15px; } #comments ol.commentlist li ul.children li.depth-3, #comments ol.commentlist li ul.children li.depth-4, #comments ol.commentlist li ul.children li.depth-5{ margin-left: 0; padding: 0; } #comments ol.commentlist .depth-1 .comment-right { width: 210px; } #comments ol.commentlist li ul.children li.depth-2 .comment-right, #comments ol.commentlist li ul.children li.depth-3 .comment-right { width: 205px; } #comments ul.children .author-avatar { margin-right: 10px; width: 50px; } #respond .comment-form-author, #respond .comment-form-email { width: 100%; } #respond .comment-form-author { margin-right: 0; } #respond textarea { height: 150px; } .contact-page .one-half { margin-right: 0; width: 100%; } .contact-page .contact-form textarea { height: 125px; } .contact-page .map { height: 180px; } .error-page .widget_search, .no-results .widget { width: 280px; } .error-page h1 { font-size: 100px; } }