Files
wordpress-preseed/wp-content/themes/Pirate-Rogue/rtl.css
2019-08-31 00:48:20 +02:00

1793 lines
37 KiB
CSS

/*
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%;
}
}