/* Theme Name: Pirate Rogue Description: Adds support for languages written in a Right To Left (RTL) direction. See: https://codex.wordpress.org/Right_to_Left_Language_Support */ /** * 1.0 - Normalize */ body { direction: rtl; unicode-bidi: embed; } input[type="checkbox"], input[type="radio"] { margin-right: auto; margin-left: 0.4375em; } /*-----------------------------------------------------------------------------------*/ /* 2.0 General Styles */ #site-branding, .blog-wrap, .singlepost-wrap, .recommended-posts-wrap, #colophon, .featured-slider .entry-header, .featured-slider .entry-meta, .mobile-search, #overlay-nav ul li a, #overlay-nav ul ul li a, #mobile-social, #sidebar-offcanvas .widget, .front-section, .slider-on.slider-boxed .featured-content { padding-right: 5.3125%; padding-left: 5.3125%; } #offcanvas-widgets-open, .headerimg-on.header-boxed .header-image { margin-right: 5.3125%; margin-left: 5.3125%; } /* --- Typography --- */ ul, ol { padding-right: 40px; padding-left: 0; } .comment-text ul, .comment-text ol { padding-right: 20px; padding-left: 0; } .entry-content ul li, .comment-text li { padding: 0 24px 0 0; } .entry-content ul li:before, .comment-text ul li:before { right: 0; left: auto; } li > ul, li > ol { margin-right: 0; margin-left: auto; } .entry-content ul { padding-right: 50px; padding-left: 0; } .entry-content ol { padding-right: 70px; padding-left: 0; } .entry-content ol li { padding-right: 4px; padding-left: 0; } .entry-content ul ul, .entry-content ol ol, #comments ul ul, #comments ol ol { padding-right: 50px; padding-left: 0; } span.dropcap { float: right; padding: 3px 0 0 4px; } /* --- Tables --- */ table td { padding: 10px 0 10px 10px; } table th { padding: 10px 0 10px 10px; text-align:right; } /* --- Alignment --- */ .alignright { margin-left: 35px; float: right; margin-right: auto; } .alignleft { margin-right: 35px; float: left; margin-left: auto; } .aligncenter { margin-right: auto; margin-left: auto; } /* --- Forms & Buttons --- */ .widget_search input.search-field { margin-left: 6px; float: right; margin-right: auto; } .widget_search input[type="submit"] { float: left; } /* --- Images / Video --- */ .entry-content .alignright p.wp-caption-text { text-align: right; } .entry-content .alignleft p.wp-caption-text { text-align: left; margin-left: 6px; margin-right: auto; } /* --- Image Galleries --- */ .gallery, .tiled-gallery { margin-right: auto; margin-left: auto; } .gallery .gallery-item { float: right; } .gallery-columns-2 .gallery-item:nth-of-type(odd), .gallery-columns-3 .gallery-item:nth-of-type(3n+1) { padding-left: 1.4%; padding-right: 0; } .gallery-columns-2 .gallery-item:nth-of-type(even), .gallery-columns-3 .gallery-item:nth-of-type(3n+3) { padding-right: 1.4%; padding-left: 0; } .gallery-columns-3 .gallery-item:nth-of-type(3n+2) { padding-right: 0.7%; padding-left: 0.7%; } /* --- Image Overlays, if text on image (Customizable im Theme Options) --- */ .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-thumbnail a:after, .featured-slider .entry-thumbnail a:after, .single-post .big-thumb .entry-thumbnail a:after, .header-image:after { right: 0; left: 0; } #front-section-four .meta-main-wrap, .featured-slider .meta-main-wrap, .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .meta-main-wrap { right: 0; left: 0; } /*-----------------------------------------------------------------------------------*/ /* 3.0 Header */ #site-branding { right: 0; left: 0; } .custom-logo-wrap { margin-right: auto; margin-left: auto; text-align: right; } /* --- Main Menu --- */ /* --- Sub Menu Toggle --- */ .dropdown-toggle { left: 5.3125%; right: auto; } .dropdown-toggle:after { left: 0; text-align: left; right: auto; } .screen-reader-text { right: -1000em; left: auto; } /* --- Overlay - Mobile Social Menu --- */ /*-----------------------------------------------------------------------------------*/ /* 4.0 Off Canvas Area */ /* --- Main Menu Buttons (Off Canvas) --- */ .overlay-btn { text-align: left; } /* --- Overlay Buttons: Fix-positioning --- */ #overlay-open, #overlay-close { left: 5.3125%; right: auto; } /* --- Sub Menu Toggle --- */ .screen-reader-text { right: -1000em; left: auto; } /* --- Overlay Widget Area --- */ .inner-offcanvas-wrap { right: -100%; -webkit-transition: right,.35s,ease-in-out; -moz-transition: right,.35s,ease-in-out; -o-transition: right,.35s,ease-in-out; transition: right,.35s,ease-in-out; left: auto; } .overlay-show .inner-offcanvas-wrap { right: 0; left: auto; } /* --- Mobile Search --- */ /*-----------------------------------------------------------------------------------*/ /* 5.0 Featured Slider + Custom Header Image */ .slider-on.slider-boxed .featured-slider .entry-header, .slider-on.slider-boxed .featured-slider .entry-meta { padding-right: 17px; padding-left: 17px; } .featured-slider .meta-main-wrap { right: 0; left: 0; } .featured-slider .entry-edit { margin-right: 20px; margin-left: auto; } .featured-slider button.slick-next, .featured-slider button.slick-prev { border-right: none; border-left: none; } .featured-slider button.slick-prev { right: 0; border-left: 1px solid #ddd; left: auto; border-right: none; } .featured-slider button.slick-next { left: 0; border-left: none; right: auto; border-right: none; } .slider-on.slider-boxed .featured-slider button.slick-prev { border-right: 1px solid #ddd; border-left: none; } .slider-on.slider-boxed .featured-slider button.slick-next { border-left: 1px solid #ddd; border-right: none; } .featured-slider button.slick-prev:after { right: 47%; left: auto; } .featured-slider button.slick-next:after { left: 47%; right: auto; } /* --- Fullscreen Slider and Header Image Option --- */ /*-----------------------------------------------------------------------------------*/ /* 6.0 Front Page - Post Sections */ .front-section-title, .social-front-title { padding: 3px 0 20px 140px; } .social-front-title { padding-left: 0; padding-right: 0; } .front-section a.all-posts-link { left: -2px; right: auto; } .front-section a.all-posts-link:after { text-align: left; padding-right: 3px; padding-left: 0; } /* --- Front Section - Meta Info --- */ .section-one-column-one .entry-comments, .section-one-column-one .entry-edit, .section-two-column-one .entry-comments, .section-two-column-one .entry-edit, .section-three-column-one .entry-comments, .section-three-column-one .entry-edit { margin-right: 20px; margin-left: auto; } /* --- Front Section Small Posts --- */ .section-one-column-two .type-post:nth-of-type(2), .section-one-column-two .type-post:nth-of-type(4), .section-two-column-two .type-post:nth-of-type(1), .section-two-column-two .type-post:nth-of-type(3), .section-two-column-two .type-post:nth-of-type(5), .section-two-column-two .type-post:nth-of-type(7), .section-fourcolumn-postwrap .type-post:nth-of-type(odd), .section-sixcolumn-postwrap .type-post:nth-of-type(odd) { float: right; margin-left: 2.1865889212828%; clear: right; margin-right: auto; } .section-one-column-two .type-post:nth-of-type(3), .section-one-column-two .type-post:nth-of-type(5), .section-two-column-two .type-post:nth-of-type(2), .section-two-column-two .type-post:nth-of-type(4), .section-two-column-two .type-post:nth-of-type(6), .section-two-column-two .type-post:nth-of-type(8), .section-fourcolumn-postwrap .type-post:nth-of-type(even), .section-sixcolumn-postwrap .type-post:nth-of-type(even) { float: left; margin-right: 2.1865889212828%; clear: left; margin-left: auto; } .section-one-column-one .entry-cats { right: 17px; left: auto; } /* --- Front Section 3 (on Background) --- */ #front-section-three { margin-right: 0; margin-left: 0; } #front-section-three h3.front-section-title:before, #big-footer-ad h3.footer-ad-title:before { right: 0; left: auto; } .section-three-column-two .entry-thumbnail { float: right; padding-left: 4.6875%; padding-right: 0; } .section-three-column-two .entry-header { float: right; } .section-three-column-one .entry-cats { right: 17px; left: auto; } /* --- Front Section Four (Fullwidth) --- */ #front-section-four { padding-right: 0; padding-left: 0; } #front-section-four .meta-main-wrap { padding-right: 5.3125%; padding-left: 5.3125%; } /* --- Front Section About (About Info + Social Menu) --- */ .front-about-img { float: right; clear: right; padding-left: 2.34375%; padding-right: 0; } .section-about-column-one p { clear: left; float: right; padding-right: 2.34375%; padding-left: 0; } .section-about-column-two .social-nav ul li a { padding: 22px 35px 22px 0; text-align: right; } .section-about-column-two .social-nav ul li a:before { right: 0; left: auto; } /* --- Front Section - Columns --- */ /*-----------------------------------------------------------------------------------*/ /* 7.0 Blog Front */ /* --- Blog Front: Posts --- */ .blog #primary .hentry .entry-thumbnail, .archive #primary .hentry .entry-thumbnail, .search-results #primary .hentry .entry-thumbnail { margin: 0 10px 0 0; float: left; } /* --- Blog Front: Bigger Posts --- */ .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) { margin-right: -5.94405594405594%; margin-left: -5.94405594405594%; } .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-date, #front-section-four .entry-date, .featured-slider .entry-date { padding-left: 20px; padding-right: 0; } .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-meta { right: 5.3125%; left: auto; } /*-----------------------------------------------------------------------------------*/ /* 8.0 Blog Posts */ .format-video .entry-thumbnail a:before { padding: 15px 16px 0 0; right: 50%; left: auto; } #front-section-twocolumn .format-video .entry-thumbnail a:before, #front-section-threecolumn .format-video .entry-thumbnail a:before, .section-one-column-one .format-video .entry-thumbnail a:before, .blog #primary .hentry.format-video:nth-child(4n+1) .entry-thumbnail a:before, .section-two-column-one .format-video .entry-thumbnail a:before { padding: 22px 24px 0 0; } .blog #primary .hentry.format-video:nth-child(4n+1) .entry-thumbnail a:before, #front-section-four .format-video .entry-thumbnail a:before { right: 5.3125%; left: auto; } /* --- Post Meta --- */ .entry-comments a { padding-right: 18px; padding-left: 0; } .entry-comments a:before { right: 0; left: auto; } .featured-slider .entry-cats a, .section-one-column-one .entry-cats a, .section-three-column-one .entry-cats a, #front-section-four .entry-cats a, .single-post .entry-cats a { margin: 0 0 4px 2px; } /* --- Single Post --- */ .singlepost-wrap, .recommended-posts-wrap { margin-right: auto; margin-left: auto; } /* --- Single Post - Header --- */ .meta-columnone { float: right; } .meta-columntwo, .meta-columthree { float: right; } .author-pic { float: right; margin: 0 0 0 10px; } /* --- Single Post - Thumbnail + Big Thumbnail Option --- */ .single-post .big-thumb .entry-thumbnail { margin-right: -5.94405594405594%; margin-left: -5.94405594405594%; } .big-thumb .title-wrap { margin-right: -5.94405594405594%; margin-left: -5.94405594405594%; } .big-thumb .title-wrap .entry-cats, .big-thumb .entry-header h1.entry-title, .big-thumb .entry-header p.intro { padding-right: 5.3125%; padding-left: 5.3125%; } /* --- Single Post - Footer --- */ .authorbox .author-pic { float: right; } .authorbox .author-heading { padding: 0 60px 0 0; } .authorbox h3.author-title span { padding: 0 0 0 5px; } .authorbox h3.author-title:after { padding-right: 1px; padding-left: 0; } .authorbox p.author-bio { padding: 15px 60px 0 0; } .authorbox .author-links { padding: 16px 60px 0 0; } .author-links a.author-website { padding: 0 20px 0 0; } .author-links a.author-twitter { padding: 0 18px 0 0; } .author-links a.author-website:before, .author-links a.author-twitter:before { right: -4px; text-align: right; left: auto; } /*-----------------------------------------------------------------------------------*/ /* 8.1 Comments /*-----------------------------------------------------------------------------------*/ #comments-toggle { padding: 18px 60px 18px 20px; text-align: right; } #comments-toggle:before { right: 0; left: auto; } ol.commentlist .comment-text li { padding: 0 18px 0 0; } /* --- Comment Content --- */ .comment-wrap { padding: 0 60px 16px 0; } #comments .comment-details { margin: 0 0 0 90px; } #comments li.pingback { padding: 0 50px 0 0; } #comments .comment-avatar { float: right; } #comments .comment-text { padding: 10px 0 10px 30px; } #comments .comment-reply a { padding-right: 13px; padding-left: 0; } #comments .comment-reply a:before { right: 0; text-align: right; left: auto; } /* --- No Comments Info --- */ /* --- Comments Reply --- */ #comments #respond { text-align: right; } #comments ol.commentlist #respond { padding-right: 0; padding-left: 0; } #respond a#cancel-comment-reply-link { float: left; } /*-----------------------------------------------------------------------------------*/ /* 9.0 Pagination + Infinite Scroll */ .single-post .post-navigation .nav-previous, .pagination .prev, .single-attachment .nav-previous { float: right; } .single-post .post-navigation .nav-next, .pagination .next, .single-attachment .nav-next { float: left; } .single-post .post-navigation .nav-previous a { text-align: right; } .single-post .post-navigation .nav-next a { text-align: left; } #nav-comments .nav-previous { float: left; } /*-----------------------------------------------------------------------------------*/ /* 10.0 Default Page */ /*-----------------------------------------------------------------------------------*/ /* 11.0 Fullwidth / Archives / Search Results / 404 */ /*-----------------------------------------------------------------------------------*/ /* 12.0 Sidebar + Widgets */ .widget select, .widget iframe { margin-right: 1px; margin-right: 0.1rem; margin-left: auto; } /* --- Search Widget + default Search Form --- */ /* --- RSS Widget --- */ /* --- Calendar Widget --- */ .widget_calendar #wp-calendar caption { text-align: right; } /* --- Text Widget --- */ /*-----------------------------------------------------------------------------------*/ /* 13.0 Social Icon Menu */ .social-nav ul li a::before { text-align: right; } /*-----------------------------------------------------------------------------------*/ /* 14.0 Footer */ #colophon .custom-logo-wrap { text-align: right; } /* --- Big Footer Ad --- */ /* --- Footer Menus --- */ .footer-menu { float: right; } #footer-menu-one, #footer-menu-three { clear: right; } #footer-menu-two, #footer-menu-four { clear: left; } /*-----------------------------------------------------------------------------------*/ /* 15.0 Plugins + Jetpack Styles */ /* --- Jetpack Subscription Widget --- */ .jetpack_subscription_widget p#subscribe-email { float: right; } .jetpack_subscription_widget p#subscribe-submit { float: right; } .jetpack_subscription_widget input[type="submit"] { padding-right: 0; padding-left: 0; border-right: none; border-left: none; } .contact-form label { margin-right: 0; margin-left: auto; } .contact-form label span { margin-right: 3 !important; margin-left: auto; } /* --- Infinite Scroll --- */ #primary .infinite-loader .spinner { right: 50% !important; left: auto; } /* --- Jetpack Share Icons --- */ /* --- Jetpack Related Posts --- */ .recommended-posts-wrap #jp-relatedposts h3.jp-relatedposts-headline { padding: 3px 0 20px 140px; } .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { padding-left: 0; padding-right: 0; } .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-of-type(odd) { float: right; margin-left: 2.1865889212828%; clear: right; margin-right: auto; } .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-of-type(even) { float: right; margin-right: 2.1865889212828%; clear: left; margin-left: auto; } /*-----------------------------------------------------------------------------------*/ /* 17.0 Media Queries /*-----------------------------------------------------------------------------------*/ /* Minimum width of 600 pixels (smartphone landscape) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 37.500em) { .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-edit, #front-section-four .entry-edit { padding-right: 20px; padding-left: 0; } .entry-content p.pull-right { float: right; margin-left: 30px; margin-right: auto; } .entry-content p.pull-left { float: left; margin-right: 20px; text-align: left; margin-left: auto; } /* --- Front Section 2-column --- */ #front-section-twocolumn .type-post { float: right; } #front-section-twocolumn .type-post:nth-of-type(odd) { margin-left: 2.1865889212828%; clear: right; margin-right: auto; } #front-section-twocolumn .type-post:nth-of-type(even) { margin-right: 2.1865889212828%; clear: left; margin-left: auto; } /* --- Widgets --- */ .widget_mc4wp_form_widget input[type="email"] { float: right; } .widget_mc4wp_form_widget input[type="submit"] { float: left; } /* --- Footer --- */ .footer-ad-image { float: right; margin-left: 2.1865889212828%; margin-right: auto; } .footer-ad-textwrap { float: left; margin-right: 2.1865889212828%; margin-left: auto; } } /* Minimum width of 768 pixels (tablet portrait) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 48.000em) { /* --- Typography --- */ #front-section-four .format-video .entry-thumbnail a:before, .section-three-column-one .format-video .entry-thumbnail a:before, .featured-slider .format-video .entry-thumbnail a:before { padding: 22px 24px 0 0; } /* --- Featured Posts Slider + Header Image --- */ .featured-slider button.slick-next, .featured-slider button.slick-prev { border-right: none; border-left: none; } .featured-slider button.slick-prev { right: auto; left: 50px; border-left: none; border-right: none; } .featured-slider button.slick-next { left: 0; right: auto; } .featured-slider button.slick-prev:after { right: 13px; left: auto; } .featured-slider button.slick-next:after { left: 13px; right: auto; } .slider-on.slider-boxed .featured-slider .entry-header, .slider-on.slider-boxed .featured-slider .entry-meta { padding-right: 40px; padding-left: 40px; } /* --- Front Page - Sections --- */ /* --- Front Section One --- */ .section-one-column-one .entry-cats { right: 40px; left: auto; } /* --- Front Section Two --- */ .section-two-column-two .type-post:nth-of-type(1), .section-two-column-two .type-post:nth-of-type(2), .section-two-column-two .type-post:nth-of-type(3), .section-two-column-two .type-post:nth-of-type(5), .section-two-column-two .type-post:nth-of-type(6), .section-two-column-two .type-post:nth-of-type(7) { float: right; margin-left: 3.6144578313253%; margin-right: 0; } .section-two-column-two .type-post:nth-of-type(1), .section-two-column-two .type-post:nth-of-type(5) { clear: right; } .section-two-column-two .type-post:nth-of-type(4), .section-two-column-two .type-post:nth-of-type(8) { float: left; clear: left; } /* --- Front Section Three --- */ .section-three-column-two .type-post:nth-of-type(1), .section-three-column-two .type-post:nth-of-type(3) { float: right; clear: right; } .section-three-column-two .type-post:nth-of-type(2), .section-three-column-two .type-post:nth-of-type(4) { float: left; clear: left; } /* --- Front Section Columns --- */ #front-section-threecolumn .type-post, .section-sixcolumn-postwrap .type-post { float: right; } .section-sixcolumn-postwrap .type-post:nth-of-type(even) { float: right; margin-right: 0; margin-left: auto; } .section-sixcolumn-postwrap .type-post:nth-of-type(odd) { margin-left: 0; margin-right: auto; } #front-section-threecolumn .type-post:nth-of-type(3n+1), .section-sixcolumn-postwrap .type-post:nth-of-type(3n+1) { margin-left: 2.9%; clear: right; margin-right: auto; } #front-section-threecolumn .type-post:nth-of-type(3n+2), .section-sixcolumn-postwrap .type-post:nth-of-type(3n+2) { margin-right: 1.455%; margin-left: 1.455%; } #front-section-threecolumn .type-post:nth-of-type(3n+3), .section-sixcolumn-postwrap .type-post:nth-of-type(3n+3) { margin-right: 2.915%; clear: left; margin-left: auto; } .section-fourcolumn-postwrap .type-post { margin-left: 3.6144578313253%; float: right; margin-right: auto; } .section-fourcolumn-postwrap .type-post:nth-of-type(odd), .section-fourcolumn-postwrap .type-post:nth-of-type(even) { margin-right: 0; margin-left: 3.6144578313253%; float: right; } .section-fourcolumn-postwrap .type-post:nth-of-type(4n+1) { clear: right; } .section-fourcolumn-postwrap .type-post:nth-of-type(4n+4) { margin-left: 0; clear: left; margin-right: auto; } /* --- Front Page - Blog --- */ /* --- Blog - default --- */ .blog #primary .hentry .entry-meta, .archive #primary .hentry .entry-meta, .search-results #primary .hentry .entry-meta { float: right; } .blog #primary .hentry .entry-main, .archive #primary .hentry .entry-main, .search-results #primary .hentry .entry-main { float: right; } .blog #primary .hentry .meta-main-wrap, .archive #primary .hentry .meta-main-wrap, .search-results #primary .hentry .meta-main-wrap { float: right; } /* --- Blog - default Bigger Posts --- */ .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-meta { right: 5.3125%; left: auto; } /* --- Single Post --- */ .single-post .big-thumb .entry-thumbnail, .big-thumb .title-wrap { margin-right: -7.14285714285714%; margin-left: -7.14285714285714%; } .big-thumb .title-wrap .entry-cats, .big-thumb .entry-header h1.entry-title, .big-thumb .entry-header p.intro { padding-right: 6.25%; padding-left: 6.25%; } .single-post .entry-comments a { padding-right: 22px; padding-left: 0; } .authorbox .author-heading, .authorbox p.author-bio, .authorbox .author-links { padding-right: 90px; padding-left: 0; } .author-links a.author-website { margin: 0 0 0 30px; } /* --- Pagination --- */ #comments li.comment ul.children { margin-right: 60px; margin-left: auto; } #comments li.comment ul.children ul.children ul.children { margin-right: 0; margin-left: auto; } /*--- Jetpack Related Posts ---*/ .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { margin-left: 3.6144578313253%; float: right; margin-right: auto; } .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-of-type(odd), .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-of-type(even) { margin-right: 0; margin-left: 3.6144578313253%; } .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-of-type(4n+4) { margin-left: 0; clear: left; margin-right: auto; } .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-of-type(4n+1) { clear: right; } } /* Minimum width of 1024 pixels (tablet landscape) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 64.000em) { /* --- Front Page Sections --- */ .front-about-img { padding-left: 1.6%; padding-right: 0; } } /* Minimum width of 1060 pixels (small desktop screens) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 66.250em) { /* --- Header --- */ #site-branding { margin-right: auto; margin-left: auto; } /* --- Blog - default --- */ .blog-wrap, #colophon, .featured-slider .entry-header, .featured-slider .entry-meta, .singlepost-wrap, .recommended-posts-wrap, .front-section, .slider-on.slider-boxed .featured-content, .headerimg-on.header-boxed .header-image { padding-right: 0; padding-left: 0; } .blog-wrap, .front-section, .singlepost-wrap, .recommended-posts-wrap, .footer-wrap, .big-footer-ad, .slider-on.slider-boxed .featured-content, .headerimg-on.header-boxed .header-image { margin-right: 6.25%; margin-left: 6.25%; } #front-section-four { margin-right: auto; margin-left: auto; } #primary { float: right; } .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) { margin-right: -10.8433734939759%; margin-left: 0; } .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .meta-main-wrap { padding-right: 9.78260869565217%; padding-left: 0; } .blog #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-meta { right: 9.78260869565217%; left: auto; } .blog #primary .hentry.has-post-thumbnail.format-video:nth-child(4n+1) .entry-thumbnail a:before { right: 9.78260869565217%; left: auto; } #secondary, #sidebar-page { float: left; } /* --- Left and no Sidebar Options --- */ .sidebar-right #primary { float: left; } .single-post.sidebar-right .contentwrap { float: left; } .blog.sidebar-right #primary .hentry.has-post-thumbnail:nth-child(4n+1) { margin-left: -10.8433734939759%; margin-right: 0; } .blog.sidebar-right #primary .hentry.has-post-thumbnail:nth-child(4n+1) .meta-main-wrap { padding-right: 40px; padding-left: 9.78260869565217%; } .sidebar-right #secondary, .sidebar-right #sidebar-page { float: right; } .blog.sidebar-right #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-meta, .blog.no-sidebar #primary .hentry.has-post-thumbnail:nth-child(4n+1) .entry-meta { right: 40px; left: auto; } .no-sidebar #primary { margin-right: auto; margin-left: auto; } .page-fullwidth #primary { margin-right: auto; margin-left: auto; } .blog.no-sidebar #primary .hentry.has-post-thumbnail:nth-child(4n+1) { margin-right: auto; margin-left: auto; } .blog.no-sidebar #primary .hentry.has-post-thumbnail:nth-child(4n+1) .meta-main-wrap { padding-right: 40px; padding-left: 0; } .single-post.no-sidebar .contentwrap { margin-right: 0; margin-left: auto; } .single-post.no-sidebar .entry-content, .single-post.no-sidebar .entry-footer, .single-post.no-sidebar #comments, .single-post.no-sidebar .post-navigation { margin-right: auto; margin-left: auto; } .single-post.no-sidebar .entry-content .wide-content { margin-right: -12.5%; margin-left: -12.5%; } /* --- Font Sizes --- */ /* --- Colors --- */ /* --- Off Canvas Area --- */ .overlay-show #overlay-wrap { right: 0; left: 0; } .inner-offcanvas-wrap { right: -100%; padding-right: 6.25%; padding-left: 6.25%; left: auto; } .overlay-show .inner-offcanvas-wrap { right: 0; left: auto; } #overlay-open { right: -17px; left: auto; } #overlay-nav { float: right; } #sidebar-offcanvas { float: left; } #overlay-close { right: -17px; left: auto; } #overlay-nav ul ul li a { padding-right: 0; padding-left: 0; } #sidebar-offcanvas .widget { padding-right: 0; padding-left: 0; } .overlay-show .close-btn-wrap { right: auto; left: auto; } /* --- Social Nav Header --- */ .header-social { left: 0; right: auto; } /* --- Search Desktop --- */ .search-open { right: 9.23611111111111%; left: auto; } .search-open:before { right: 0; left: auto; } .desktop-search input.search-field { border-right: 0; border-left: 0; } .desktop-search input[type="submit"] { margin-right: 10px; margin-left: auto; } /* --- Desktop Nav - Sub Menu --- */ #desktop-navigation ul ul.sub-menu, #desktop-navigation ul ul.children { right: 0; text-align: right; left: auto; } #desktop-navigation ul ul.sub-menu:before, #desktop-navigation ul ul.children:before { right: 15px; text-align: right; left: auto; } #desktop-navigation ul ul.sub-menu ul.sub-menu, #desktop-navigation ul ul.children ul.children { right: 200px; left: auto; } /* --- Desktop Header - Sticky --- */ .sticky-header { right: 0; left: auto; } #overlay-open-sticky { right: 10px; left: auto; } #search-open-sticky { right: 69px; left: auto; } #header-social-sticky { left: 20px; right: auto; } .sticky-header .custom-logo-wrap { margin-right: auto; margin-left: auto; } /* --- Featured Slider + Header Image --- */ .featured-slider .entry-header, .featured-slider .entry-meta { margin-right: 6.25%; margin-left: auto; } .slider-on.slider-boxed .featured-slider .entry-header, .slider-on.slider-boxed .featured-slider .entry-meta { margin-right: 0; margin-left: auto; } .blog.headerimg-on.header-fullscreen #masthead .site-header-content, .blog.slider-on.slider-fullscreen #masthead .site-header-content { right: 0; left: 0; } /* --- Front Section One --- */ .section-one-column-one { float: right; } .section-one-column-two { float: left; } /* --- Front Section Two --- */ .section-two-column-one { float: right; } .section-two-column-two { float: left; } /* --- Front Section Three (on Background) --- */ #front-section-three { padding-right: 6.25%; padding-left: 6.25%; } .section-three-column-one .entry-thumbnail { float: left; } .section-three-column-one .entry-cats { right: 53.57142857142857%; left: auto; } .section-three-column-one .entry-header, .section-three-column-one .entry-summary, .section-three-column-one .entry-meta { float: right; clear: right; } .section-three-column-two .type-post { float: right !important; } .section-three-column-two .type-post:nth-of-type(2), .section-three-column-two .type-post:nth-of-type(3) { margin-left: 2.38095238095238%; margin-right: auto; } .section-three-column-two .type-post:nth-of-type(1) { clear: right; margin-left: 2.38095238095238%; margin-right: auto; } .section-three-column-two .type-post:nth-of-type(4) { clear: left; } /* --- Front Section Four (on Background) --- */ #front-section-four .meta-main-wrap { padding-right: 6.25%; padding-left: 6.25%; } #front-section-four .format-video .entry-thumbnail a:before, .featured-slider .format-video .entry-thumbnail a:before { right: 6.25%; left: auto; } /* --- Front Section About --- */ .section-about-column-one { float: right; } .section-about-column-two { float: left; } /* --- Front Section Columns --- */ #front-section-twocolumn .type-post:nth-of-type(odd) { margin-left: 1.19047619047619%; margin-right: auto; } #front-section-twocolumn .type-post:nth-of-type(even) { margin-right: 1.19047619047619%; margin-left: auto; } #front-section-threecolumn .type-post:nth-of-type(3n+1) { margin-left: 1.5873%; margin-right: auto; } #front-section-threecolumn .type-post:nth-of-type(3n+2) { margin-right: 0.79365%; margin-left: 0.79365%; } #front-section-threecolumn .type-post:nth-of-type(3n+3) { margin-right: 1.5873%; margin-left: auto; } .section-fourcolumn-postwrap .type-post { margin-left: 2.38095238095238%; float: right; margin-right: auto; } .section-fourcolumn-postwrap .type-post:nth-of-type(odd), .section-fourcolumn-postwrap .type-post:nth-of-type(even) { margin-left: 2.38095238095238%; margin-right: auto; } .section-fourcolumn-postwrap .type-post:nth-of-type(4n+1) { clear: right; } .section-fourcolumn-postwrap .type-post:nth-of-type(4n+4) { margin-left: 0; clear: left; margin-right: auto; } .section-sixcolumn-postwrap .type-post { margin-left: 2.38095238095238% !important; margin-right: 0; float: right; } .section-sixcolumn-postwrap .type-post:nth-of-type(3n+2) { margin-right: 0; margin-left: auto; } .section-sixcolumn-postwrap .type-post:nth-of-type(3n+3) { margin-right: 0; margin-left: auto; } .section-sixcolumn-postwrap .type-post:nth-of-type(6n+1) { clear: right; } .section-sixcolumn-postwrap .type-post:nth-of-type(6n+6) { clear: left; margin-left: 0 !important; margin-right: auto; } /* --- Single Post --- */ .single-post .contentwrap, .single-attachment .contentwrap { float: right; } /* --- Footer --- */ .title-footer, #colophon .custom-logo-wrap { margin-left: 2.38095238095238%; float: right; margin-right: auto; } .footer-menu { float: right; } #footer-menu-one, #footer-menu-two, #footer-menu-three { margin-left: 2.38095238095238%; margin-right: auto; } #site-info { float: right; } #footer-social { float: left; text-align: left; } #footer-social ul { float: right; } #footer-social span { float: right; padding: 8px 0px 0px 15px; } .footer-ad-image { margin-left: 0; margin-right: auto; } .footer-ad-textwrap { margin-right: 0; margin-left: auto; } /*--- Jetpack Related Posts ---*/ .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { margin-left: 2.38095238095238%; margin-right: auto; } .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-of-type(odd), .recommended-posts-wrap #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-of-type(even) { margin-left: 2.38095238095238%; margin-right: auto; } } /* Minimum width of 1360 pixels (larger desktop screens) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 85.000em) { /* --- Blog - Bigger Posts --- */ .single-post #primary .hentry.has-post-thumbnail:nth-child(4n+1) { margin-right: 0; margin-left: auto; } /* ---Front Page Sections --- */ .section-one-column-one .format-video .entry-thumbnail a:before, .section-two-column-one .format-video .entry-thumbnail a:before, #front-section-four .format-video .entry-thumbnail a:before { padding: 29px 28px 0 0; } #front-section-fourcolumn .format-video .entry-thumbnail a:before { padding: 22px 24px 0 0; } /* --- Single Posts --- */ .single-post .entry-content, .single-post .entry-footer, .single-post #comments, .single-post .post-navigation { margin-right: 12.04819277108434%; margin-left: auto; } /* --- No Sidebar --- */ .single-post.no-sidebar .contentwrap { margin-right: 0; margin-left: auto; } .single-post.no-sidebar .entry-content, .single-post.no-sidebar .entry-footer, .single-post.no-sidebar #comments, .single-post.no-sidebar .post-navigation { margin-right: 100px; margin-left: auto; } .single-post.no-sidebar .entry-content .wide-content { margin-right: 0; margin-left: -31.5%; } /* --- Jetpack Share Icons --- */ .single-post .sharedaddy { right: 0; left: auto; } } /* Minimum width of 1800 pixels (larger desktop screens) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 112.500em) { /* --- General --- */ .blog-wrap, .front-section, #front-section-three .front-section-title, #front-section-three .section-three-column-one, #front-section-three .section-three-column-two, .singlepost-wrap, .recommended-posts-wrap, .footer-wrap, .big-footer-ad, .slider-on.slider-boxed .featured-content, .headerimg-on.header-boxed .header-image, .featured-slider .entry-header, .featured-slider .entry-meta { margin-right: auto; margin-left: auto; } #front-section-three { padding-right: 0; padding-left:0; } #front-section-four { margin-right: 0; margin-left: auto; } #front-section-four .meta-main-wrap, .big-thumb .title-wrap .entry-cats, .big-thumb .entry-header h1.entry-title, .big-thumb .entry-header p.intro { padding-right: 15%; padding-left:15%; } #front-section-four .format-video .entry-thumbnail a:before { right: 15%; left: auto; } .single-post .big-thumb .entry-thumbnail { margin-right: -21.42857142857143%; margin-left: auto; } .single-post .big-thumb .title-wrap { margin-right: -21.42857142857143%; margin-left: -21.42857142857143%; } } /* Minimum width of 2200 pixels (larger desktop screens) ------------------------------------------------------------------------------------ */ @media screen and (min-width: 137.500em) { /* --- General --- */ #front-section-four .meta-main-wrap, .big-thumb .title-wrap .entry-cats, .big-thumb .entry-header h1.entry-title, .big-thumb .entry-header p.intro { padding-right: 22%; padding-left:22%; } #front-section-four .format-video .entry-thumbnail a:before { right: 22%; left: auto; } .single-post .big-thumb .entry-thumbnail { margin-right: -39.43089430894309%; margin-left: auto; } .single-post .big-thumb .title-wrap { margin-right: -39.43089430894309%; margin-left: -39.43089430894309%; } }