Created
February 24, 2017 12:07
-
-
Save sayyednauman/5f61499d0214a365067b17a4bfcbcb25 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900'); | |
/* | |
Theme Name: Twenty Sixteen | |
Theme URI: https://wordpress.org/themes/twentysixteen/ | |
Author: the WordPress team | |
Author URI: https://wordpress.org/ | |
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere. | |
Version: 1.3 | |
License: GNU General Public License v2 or later | |
License URI: http://www.gnu.org/licenses/gpl-2.0.html | |
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog | |
Text Domain: twentysixteen | |
This theme, like WordPress, is licensed under the GPL. | |
Use it to make something cool, have fun, and share what you've learned with others. | |
*/ | |
/** | |
* Table of Contents | |
* | |
* 1.0 - Normalize | |
* 2.0 - Genericons | |
* 3.0 - Typography | |
* 4.0 - Elements | |
* 5.0 - Forms | |
* 6.0 - Navigation | |
* 6.1 - Links | |
* 6.2 - Menus | |
* 7.0 - Accessibility | |
* 8.0 - Alignments | |
* 9.0 - Clearings | |
* 10.0 - Widgets | |
* 11.0 - Content | |
* 11.1 - Header | |
* 11.2 - Posts and pages | |
* 11.3 - Post Formats | |
* 11.4 - Comments | |
* 11.5 - Sidebar | |
* 11.6 - Footer | |
* 12.0 - Media | |
* 12.1 - Captions | |
* 12.2 - Galleries | |
* 13.0 - Multisite | |
* 14.0 - Media Queries | |
* 14.1 - >= 710px | |
* 14.2 - >= 783px | |
* 14.3 - >= 910px | |
* 14.4 - >= 985px | |
* 14.5 - >= 1200px | |
* 15.0 - Print | |
*/ | |
/** | |
* 1.0 - Normalize | |
* | |
* Normalizing styles have been helped along thanks to the fine work of | |
* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ | |
*/ | |
.fade-in-down{ | |
animation: FadeInDown ease 1s; | |
animation-iteration-count: 1; | |
transform-origin: 50% 50%; | |
animation-fill-mode:forwards; /*when the spec is finished*/ | |
-webkit-animation: FadeInDown ease 1s; | |
-webkit-animation-iteration-count: 1; | |
-webkit-transform-origin: 50% 50%; | |
-webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ | |
-moz-animation: FadeInDown ease 1s; | |
-moz-animation-iteration-count: 1; | |
-moz-transform-origin: 50% 50%; | |
-moz-animation-fill-mode:forwards; /*FF 5+*/ | |
-o-animation: FadeInDown ease 1s; | |
-o-animation-iteration-count: 1; | |
-o-transform-origin: 50% 50%; | |
-o-animation-fill-mode:forwards; /*Not implemented yet*/ | |
-ms-animation: FadeInDown ease 1s; | |
-ms-animation-iteration-count: 1; | |
-ms-transform-origin: 50% 50%; | |
-ms-animation-fill-mode:forwards; /*IE 10+*/ | |
} | |
@keyframes FadeInDown{ | |
0% { | |
opacity:0; | |
transform: translate(0px,-25px) ; | |
} | |
100% { | |
opacity:1; | |
transform: translate(0px,0px) ; | |
} | |
} | |
@-moz-keyframes FadeInDown{ | |
0% { | |
opacity:0; | |
-moz-transform: translate(0px,-25px) ; | |
} | |
100% { | |
opacity:1; | |
-moz-transform: translate(0px,0px) ; | |
} | |
} | |
@-webkit-keyframes FadeInDown { | |
0% { | |
opacity:0; | |
-webkit-transform: translate(0px,-25px) ; | |
} | |
100% { | |
opacity:1; | |
-webkit-transform: translate(0px,0px) ; | |
} | |
} | |
@-o-keyframes FadeInDown { | |
0% { | |
opacity:0; | |
-o-transform: translate(0px,-25px) ; | |
} | |
100% { | |
opacity:1; | |
-o-transform: translate(0px,0px) ; | |
} | |
} | |
@-ms-keyframes FadeInDown { | |
0% { | |
opacity:0; | |
-ms-transform: translate(0px,-25px) ; | |
} | |
100% { | |
opacity:1; | |
-ms-transform: translate(0px,0px) ; | |
} | |
} | |
html { | |
font-family: sans-serif; | |
-webkit-text-size-adjust: 100%; | |
-ms-text-size-adjust: 100%; | |
} | |
body { | |
margin: 0; | |
} | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
main, | |
menu, | |
nav, | |
section, | |
summary { | |
display: block; | |
} | |
audio, | |
canvas, | |
progress, | |
video { | |
display: inline-block; | |
vertical-align: baseline; | |
} | |
audio:not([controls]) { | |
display: none; | |
height: 0; | |
} | |
[hidden], | |
template { | |
display: none; | |
} | |
a { | |
background-color: transparent; | |
} | |
abbr[title] { | |
border-bottom: 1px dotted; | |
} | |
b, | |
strong { | |
font-weight: 700; | |
} | |
small { | |
font-size: 80%; | |
} | |
sub, | |
sup { | |
font-size: 75%; | |
line-height: 0; | |
position: relative; | |
vertical-align: baseline; | |
} | |
sup { | |
top: -0.5em; | |
} | |
sub { | |
bottom: -0.25em; | |
} | |
img { | |
border: 0; | |
} | |
svg:not(:root) { | |
overflow: hidden; | |
} | |
figure { | |
margin: 0; | |
} | |
hr { | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-size: 1em; | |
} | |
button, | |
input, | |
optgroup, | |
select, | |
textarea { | |
color: inherit; | |
font: inherit; | |
margin: 0; | |
} | |
select { | |
text-transform: none; | |
} | |
button { | |
overflow: visible; | |
} | |
button, | |
input, | |
select, | |
textarea { | |
max-width: 100%; | |
} | |
button, | |
html input[type="button"], | |
input[type="reset"], | |
input[type="submit"] { | |
-webkit-appearance: button; | |
cursor: pointer; | |
} | |
button[disabled], | |
html input[disabled] { | |
cursor: default; | |
opacity: .5; | |
} | |
button::-moz-focus-inner, | |
input::-moz-focus-inner { | |
border: 0; | |
padding: 0; | |
} | |
input[type="checkbox"], | |
input[type="radio"] { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
margin-right: 0.4375em; | |
padding: 0; | |
} | |
input[type="date"]::-webkit-inner-spin-button, | |
input[type="date"]::-webkit-outer-spin-button, | |
input[type="time"]::-webkit-inner-spin-button, | |
input[type="time"]::-webkit-outer-spin-button, | |
input[type="datetime-local"]::-webkit-inner-spin-button, | |
input[type="datetime-local"]::-webkit-outer-spin-button, | |
input[type="week"]::-webkit-inner-spin-button, | |
input[type="week"]::-webkit-outer-spin-button, | |
input[type="month"]::-webkit-inner-spin-button, | |
input[type="month"]::-webkit-outer-spin-button, | |
input[type="number"]::-webkit-inner-spin-button, | |
input[type="number"]::-webkit-outer-spin-button { | |
height: auto; | |
} | |
input[type="search"] { | |
-webkit-appearance: textfield; | |
} | |
input[type="search"]::-webkit-search-cancel-button, | |
input[type="search"]::-webkit-search-decoration { | |
-webkit-appearance: none; | |
} | |
fieldset { | |
border: 1px solid #d1d1d1; | |
margin: 0 0 1.75em; | |
min-width: inherit; | |
padding: 0.875em; | |
} | |
fieldset > :last-child { | |
margin-bottom: 0; | |
} | |
legend { | |
border: 0; | |
padding: 0; | |
} | |
textarea { | |
overflow: auto; | |
vertical-align: top; | |
} | |
optgroup { | |
font-weight: bold; | |
} | |
/** | |
* 2.0 - Genericons | |
*/ | |
.menu-item-has-children a:after, | |
.social-navigation a:before, | |
.dropdown-toggle:after, | |
.bypostauthor > article .fn:after, | |
.comment-reply-title small a:before, | |
.pagination .prev:before, | |
.pagination .next:before, | |
.pagination .nav-links:before, | |
.pagination .nav-links:after, | |
.search-submit:before { | |
-moz-osx-font-smoothing: grayscale; | |
-webkit-font-smoothing: antialiased; | |
display: inline-block; | |
font-family: "Genericons"; | |
font-size: 16px; | |
font-style: normal; | |
font-variant: normal; | |
font-weight: normal; | |
line-height: 1; | |
speak: none; | |
text-align: center; | |
text-decoration: inherit; | |
text-transform: none; | |
vertical-align: top; | |
} | |
/** | |
* 3.0 - Typography | |
*/ | |
body, | |
button, | |
input, | |
select, | |
textarea { | |
color: #1a1a1a; | |
font-family: 'Roboto', sans-serif; | |
font-size: 16px; | |
line-height:1.75; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
clear: both; | |
font-weight: 700; | |
margin: 0; | |
text-rendering: optimizeLegibility; | |
} | |
p { | |
margin: 0 0 10px; | |
} | |
dfn, | |
cite, | |
em, | |
i { | |
font-style: italic; | |
} | |
blockquote { | |
border: 0 solid #ddd; | |
border-left-width: 2px; | |
color: #686868; | |
font-size: 16px; | |
font-style: italic; | |
margin:15px 0; | |
overflow: hidden; | |
padding: 0 0 0 1.263157895em; | |
} | |
blockquote, | |
q { | |
quotes: none; | |
} | |
blockquote:before, | |
blockquote:after, | |
q:before, | |
q:after { | |
content: ""; | |
} | |
blockquote p { | |
margin-bottom: 1.4736842105em; | |
} | |
blockquote cite, | |
blockquote small { | |
color: #1a1a1a; | |
display: block; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 1.75; | |
} | |
blockquote cite:before, | |
blockquote small:before { | |
content: "\2014\00a0"; | |
} | |
blockquote em, | |
blockquote i, | |
blockquote cite { | |
font-style: normal; | |
} | |
blockquote strong, | |
blockquote b { | |
font-weight: 400; | |
} | |
blockquote > :last-child { | |
margin-bottom: 0; | |
} | |
address { | |
font-style: italic; | |
margin: 0 0 1.75em; | |
} | |
code, | |
kbd, | |
tt, | |
var, | |
samp, | |
pre { | |
font-family: Inconsolata, monospace; | |
} | |
pre { | |
border: 1px solid #d1d1d1; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 1.3125; | |
margin: 0 0 1.75em; | |
max-width: 100%; | |
overflow: auto; | |
padding: 1.75em; | |
white-space: pre; | |
white-space: pre-wrap; | |
word-wrap: break-word; | |
} | |
code { | |
background-color: #d1d1d1; | |
padding: 0.125em 0.25em; | |
} | |
abbr, | |
acronym { | |
border-bottom: 1px dotted #d1d1d1; | |
cursor: help; | |
} | |
mark, | |
ins { | |
background: #007acc; | |
color: #fff; | |
padding: 0.125em 0.25em; | |
text-decoration: none; | |
} | |
big { | |
font-size: 125%; | |
} | |
/** | |
* 4.0 - Elements | |
*/ | |
html { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
*, | |
*:before, | |
*:after { | |
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ | |
-webkit-box-sizing: inherit; | |
-moz-box-sizing: inherit; | |
box-sizing: inherit; | |
} | |
body { | |
margin:0;padding:0 | |
/* Fallback for when there is no custom background color defined. */ | |
} | |
hr { | |
background-color: #d1d1d1; | |
border: 0; | |
height: 1px; | |
margin: 0 0 1.75em; | |
} | |
ul, | |
ol { | |
margin: 0 0 1.75em 1.25em; | |
padding: 0; | |
} | |
ul { | |
list-style: disc; | |
} | |
ol { | |
list-style: decimal; | |
margin-left: 1.5em; | |
} | |
li > ul, | |
li > ol { | |
margin-bottom: 0; | |
} | |
dl { | |
margin: 0 0 1.75em; | |
} | |
dt { | |
font-weight: 700; | |
} | |
dd { | |
margin: 0 0 1.75em; | |
} | |
img { | |
height: auto; | |
/* Make sure images are scaled correctly. */ | |
max-width: 100%; | |
/* Adhere to container width. */ | |
vertical-align: middle; | |
} | |
del { | |
opacity: 0.8; | |
} | |
table, | |
th, | |
td { | |
border: 1px solid #d1d1d1; | |
} | |
table { | |
border-collapse: separate; | |
border-spacing: 0; | |
border-width: 1px 0 0 1px; | |
margin: 0 0 1.75em; | |
table-layout: fixed; | |
/* Prevents HTML tables from becoming too wide */ | |
width: 100%; | |
} | |
caption, | |
th, | |
td { | |
font-weight: normal; | |
text-align: left; | |
} | |
th { | |
border-width: 0 1px 1px 0; | |
font-weight: 700; | |
} | |
td { | |
border-width: 0 1px 1px 0; | |
} | |
th, | |
td { | |
padding: 0.4375em; | |
} | |
/* Placeholder text color -- selectors need to be separate to work. */ | |
::-webkit-input-placeholder{ | |
color: #686868; | |
} | |
:-moz-placeholder { | |
color: #686868; | |
} | |
::-moz-placeholder { | |
color: #686868; | |
opacity: 1; | |
/* Since FF19 lowers the opacity of the placeholder by default */ | |
} | |
:-ms-input-placeholder { | |
color: #686868; | |
} | |
/** | |
* 5.0 - Forms | |
*/ | |
input { | |
line-height: normal; | |
} | |
button, | |
button[disabled]:hover, | |
button[disabled]:focus, | |
input[type="button"], | |
input[type="button"][disabled]:hover, | |
input[type="button"][disabled]:focus, | |
input[type="reset"], | |
input[type="reset"][disabled]:hover, | |
input[type="reset"][disabled]:focus, | |
input[type="submit"], | |
input[type="submit"][disabled]:hover, | |
input[type="submit"][disabled]:focus { | |
padding:15px 30px; | |
border:none; | |
font-size: 16px; | |
line-height: 16px; | |
font-weight:500; | |
border-radius:4px; | |
background-color:#a62121; | |
color:#FFF | |
} | |
button:hover, | |
button:focus, | |
input[type="button"]:hover, | |
input[type="button"]:focus, | |
input[type="reset"]:hover, | |
input[type="reset"]:focus, | |
input[type="submit"]:hover, | |
input[type="submit"]:focus { | |
background:#bf1b1b; | |
} | |
button:focus, | |
input[type="button"]:focus, | |
input[type="reset"]:focus, | |
input[type="submit"]:focus { | |
outline: thin dotted; | |
outline-offset: -4px; | |
} | |
input[type="date"], | |
input[type="time"], | |
input[type="datetime-local"], | |
input[type="week"], | |
input[type="month"], | |
input[type="text"], | |
input[type="email"], | |
input[type="url"], | |
input[type="password"], | |
input[type="search"], | |
input[type="tel"], | |
input[type="number"], | |
textarea { | |
padding: 10px 15px; | |
border: 1px solid #eee; | |
border-radius: 3px; | |
width:100%; | |
margin-top:9px | |
} | |
input[type="date"]:focus, | |
input[type="time"]:focus, | |
input[type="datetime-local"]:focus, | |
input[type="week"]:focus, | |
input[type="month"]:focus, | |
input[type="text"]:focus, | |
input[type="email"]:focus, | |
input[type="url"]:focus, | |
input[type="password"]:focus, | |
input[type="search"]:focus, | |
input[type="tel"]:focus, | |
input[type="number"]:focus, | |
textarea:focus { | |
background-color: #fff; | |
border-color: #007acc; | |
color: #1a1a1a; | |
outline: 0; | |
} | |
.post-password-form { | |
margin-bottom: 1.75em; | |
} | |
.post-password-form label { | |
color: #686868; | |
display: block; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
letter-spacing: 0.076923077em; | |
line-height: 1.6153846154; | |
margin-bottom: 1.75em; | |
text-transform: uppercase; | |
} | |
.post-password-form input[type="password"] { | |
margin-top: 0.4375em; | |
} | |
.post-password-form > :last-child { | |
margin-bottom: 0; | |
} | |
.search-form { | |
position: relative; | |
} | |
input[type="search"].search-field { | |
border-radius: 2px 0 0 2px; | |
width: -webkit-calc(100% - 42px); | |
width: calc(100% - 42px); | |
} | |
.search-submit:before { | |
content: "\f400"; | |
font-size: 24px; | |
left: 2px; | |
line-height: 42px; | |
position: relative; | |
width: 40px; | |
} | |
.search-submit { | |
border-radius: 0 2px 2px 0; | |
bottom: 0; | |
overflow: hidden; | |
padding: 0; | |
position: absolute; | |
right: 0; | |
top: 0; | |
width: 42px; | |
} | |
/** | |
* 6.0 - Navigation | |
*/ | |
/** | |
* 6.1 - Links | |
*/ | |
a { | |
color: #007acc; | |
text-decoration: none; | |
} | |
a:hover, | |
a:focus, | |
a:active { | |
color: #686868; | |
} | |
a:focus { | |
outline: thin dotted; | |
} | |
a:hover, | |
a:active { | |
outline: 0; | |
} | |
.entry-content a, | |
.entry-summary a, | |
.taxonomy-description a, | |
.logged-in-as a, | |
.comment-content a, | |
.pingback .comment-body > a, | |
.textwidget a, | |
.entry-footer a:hover, | |
.site-info a:hover { | |
/* box-shadow: 0 1px 0 0 currentColor;*/ | |
} | |
.entry-content a:hover, | |
.entry-content a:focus, | |
.entry-summary a:hover, | |
.entry-summary a:focus, | |
.taxonomy-description a:hover, | |
.taxonomy-description a:focus, | |
.logged-in-as a:hover, | |
.logged-in-as a:focus, | |
.comment-content a:hover, | |
.comment-content a:focus, | |
.pingback .comment-body > a:hover, | |
.pingback .comment-body > a:focus, | |
.textwidget a:hover, | |
.textwidget a:focus { | |
box-shadow: none; | |
} | |
/** | |
* 6.2 - Menus | |
*/ | |
.site-header-menu { | |
} | |
.site-header-menu.toggled-on, | |
.no-js .site-header-menu { | |
display: block; | |
} | |
.main-navigation { | |
} | |
.site-footer .main-navigation { | |
margin-bottom: 1.75em; | |
} | |
.main-navigation ul { | |
list-style: none; | |
margin: 0; | |
} | |
.main-navigation ul ul { | |
display: none; | |
margin-left: 0.875em; | |
} | |
.no-js .main-navigation ul ul { | |
display: block; | |
} | |
.main-navigation ul .toggled-on { | |
display: block; | |
} | |
.dropdown-toggle { | |
background-color: transparent; | |
border: 0; | |
border-radius: 0; | |
color: #1a1a1a; | |
content: ""; | |
height: 48px; | |
padding: 0; | |
position: absolute; | |
right: 0; | |
text-transform: none; | |
top: 0; | |
width: 48px; | |
} | |
.dropdown-toggle:after { | |
border: 0 solid #d1d1d1; | |
border-left-width: 1px; | |
font-size: 24px; | |
left: 1px; | |
position: relative; | |
width: 48px; | |
} | |
.dropdown-toggle:hover, | |
.dropdown-toggle:focus { | |
background-color: transparent; | |
color: #007acc; | |
} | |
.dropdown-toggle:focus { | |
outline: thin dotted; | |
outline-offset: -1px; | |
} | |
.dropdown-toggle:focus:after { | |
border-color: transparent; | |
} | |
.site-header .main-navigation + .social-navigation { | |
margin-top: 1.75em; | |
} | |
.site-footer .social-navigation { | |
margin-bottom: 1.75em; | |
} | |
.social-navigation a:before { | |
content: "\f415";} | |
.social-navigation a:hover:before, | |
.social-navigation a:focus:before { | |
color: #007acc; | |
} | |
.social-navigation a[href*="codepen.io"]:before { | |
content: "\f216"; | |
} | |
.social-navigation a[href*="digg.com"]:before { | |
content: "\f221"; | |
} | |
.social-navigation a[href*="dribbble.com"]:before { | |
content: "\f201"; | |
} | |
.social-navigation a[href*="dropbox.com"]:before { | |
content: "\f225"; | |
} | |
.social-navigation a[href*="facebook.com"]:before { | |
content: "\f203"; | |
} | |
.social-navigation a[href*="flickr.com"]:before { | |
content: "\f211"; | |
} | |
.social-navigation a[href*="foursquare.com"]:before { | |
content: "\f226"; | |
} | |
.social-navigation a[href*="plus.google.com"]:before { | |
content: "\f206"; | |
} | |
.social-navigation a[href*="github.com"]:before { | |
content: "\f200"; | |
} | |
.social-navigation a[href*="instagram.com"]:before { | |
content: "\f215"; | |
} | |
.social-navigation a[href*="linkedin.com"]:before { | |
content: "\f208"; | |
} | |
.social-navigation a[href*="path.com"]:before { | |
content: "\f219"; | |
} | |
.social-navigation a[href*="pinterest.com"]:before { | |
content: "\f210"; | |
} | |
.social-navigation a[href*="getpocket.com"]:before { | |
content: "\f224"; | |
} | |
.social-navigation a[href*="polldaddy.com"]:before { | |
content: "\f217"; | |
} | |
.social-navigation a[href*="reddit.com"]:before { | |
content: "\f222"; | |
} | |
.social-navigation a[href*="skype.com"]:before { | |
content: "\f220"; | |
} | |
.social-navigation a[href*="stumbleupon.com"]:before { | |
content: "\f223"; | |
} | |
.social-navigation a[href*="tumblr.com"]:before { | |
content: "\f214"; | |
} | |
.social-navigation a[href*="twitter.com"]:before { | |
content: "\f202"; | |
} | |
.social-navigation a[href*="vimeo.com"]:before { | |
content: "\f212"; | |
} | |
.social-navigation a[href*="wordpress.com"]:before, | |
.social-navigation a[href*="wordpress.org"]:before { | |
content: "\f205"; | |
} | |
.social-navigation a[href*="youtube.com"]:before { | |
content: "\f213"; | |
} | |
.social-navigation a[href^="mailto:"]:before { | |
content: "\f410"; | |
} | |
.social-navigation a[href*="spotify.com"]:before { | |
content: "\f515"; | |
} | |
.social-navigation a[href*="twitch.tv"]:before { | |
content: "\f516"; | |
} | |
.social-navigation a[href$="/feed/"]:before { | |
content: "\f413"; | |
} | |
.post-navigation { | |
border-top: 4px solid #1a1a1a; | |
border-bottom: 4px solid #1a1a1a; | |
clear: both; | |
margin: 0 7.6923% 3.5em; | |
} | |
.post-navigation a { | |
color: #1a1a1a; | |
display: block; | |
padding: 1.75em 0; | |
} | |
.post-navigation span { | |
display: block; | |
} | |
.post-navigation .meta-nav { | |
color: #686868; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
letter-spacing: 0.076923077em; | |
line-height: 1.6153846154; | |
margin-bottom: 0.5384615385em; | |
text-transform: uppercase; | |
} | |
.post-navigation .post-title { | |
display: inline; | |
font-size: 23px; | |
font-size: 1.4375rem; | |
font-weight: 700; | |
line-height: 1.2173913043; | |
text-rendering: optimizeLegibility; | |
} | |
.post-navigation a:hover .post-title, | |
.post-navigation a:focus .post-title { | |
color: #007acc; | |
} | |
.post-navigation div + div { | |
border-top: 4px solid #1a1a1a; | |
} | |
.pagination { | |
border-top: 4px solid #1a1a1a; | |
font-size: 19px; | |
font-size: 1.1875rem; | |
margin: 0 7.6923% 2.947368421em; | |
min-height: 56px; | |
position: relative; | |
} | |
.pagination:before, | |
.pagination:after { | |
background-color: #1a1a1a; | |
content: ""; | |
height: 52px; | |
position: absolute; | |
top:0; | |
width: 52px; | |
z-index: 0; | |
} | |
.pagination:before { | |
right: 0; | |
} | |
.pagination:after { | |
right: 54px; | |
} | |
.pagination a:hover, | |
.pagination a:focus { | |
color: #1a1a1a; | |
} | |
.pagination .nav-links { | |
padding-right: 106px; | |
position: relative; | |
} | |
.pagination .nav-links:before, | |
.pagination .nav-links:after { | |
color: #fff; | |
font-size: 32px; | |
line-height: 51px; | |
opacity: 0.3; | |
position: absolute; | |
width: 52px; | |
z-index: 1; | |
} | |
.pagination .nav-links:before { | |
content: "\f429"; | |
right: -1px; | |
} | |
.pagination .nav-links:after { | |
content: "\f430"; | |
right: 55px; | |
} | |
/* reset screen-reader-text */ | |
.pagination .current .screen-reader-text { | |
position: static !important; | |
} | |
.pagination .page-numbers { | |
display: none; | |
letter-spacing: 0.013157895em; | |
line-height: 1; | |
margin: 0 0.7368421053em 0 -0.7368421053em; | |
padding: 0.8157894737em 0.7368421053em 0.3947368421em; | |
text-transform: uppercase; | |
} | |
.pagination .current { | |
display: inline-block; | |
font-weight: 700; | |
} | |
.pagination .prev, | |
.pagination .next { | |
background-color: #1a1a1a; | |
color: #fff; | |
display: inline-block; | |
height: 52px; | |
margin: 0; | |
overflow: hidden; | |
padding: 0; | |
position: absolute; | |
top: 0; | |
width: 52px; | |
z-index: 2; | |
} | |
.pagination .prev:before, | |
.pagination .next:before { | |
font-size: 32px; | |
height: 53px; | |
line-height: 52px; | |
position: relative; | |
width: 53px; | |
} | |
.pagination .prev:hover, | |
.pagination .prev:focus, | |
.pagination .next:hover, | |
.pagination .next:focus { | |
background-color: #007acc; | |
color: #fff; | |
} | |
.pagination .prev:focus, | |
.pagination .next:focus { | |
outline: 0; | |
} | |
.pagination .prev { | |
right: 54px; | |
} | |
.pagination .prev:before { | |
content: "\f430"; | |
left: -1px; | |
top: -1px; | |
} | |
.pagination .next { | |
right: 0; | |
} | |
.pagination .next:before { | |
content: "\f429"; | |
right: -1px; | |
top: -1px; | |
} | |
.image-navigation, | |
.comment-navigation { | |
border-top: 1px solid #d1d1d1; | |
border-bottom: 1px solid #d1d1d1; | |
color: #686868; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1.6153846154; | |
margin: 0 7.6923% 2.1538461538em; | |
padding: 1.0769230769em 0; | |
} | |
.comment-navigation { | |
margin-right: 0; | |
margin-left: 0; | |
} | |
.comments-title + .comment-navigation { | |
border-bottom: 0; | |
margin-bottom: 0; | |
} | |
.image-navigation .nav-previous:not(:empty), | |
.image-navigation .nav-next:not(:empty), | |
.comment-navigation .nav-previous:not(:empty), | |
.comment-navigation .nav-next:not(:empty) { | |
display: inline-block; | |
} | |
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before, | |
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before { | |
content: "\002f"; | |
display: inline-block; | |
opacity: 0.7; | |
padding: 0 0.538461538em; | |
} | |
/** | |
* 7.0 - Accessibility | |
*/ | |
/* Text meant only for screen readers */ | |
.says, | |
.screen-reader-text { | |
clip: rect(1px, 1px, 1px, 1px); | |
height: 1px; | |
overflow: hidden; | |
position: absolute !important; | |
width: 1px; | |
/* many screen reader and browser combinations announce broken words as they would appear visually */ | |
word-wrap: normal !important; | |
} | |
/* must have higher specificity than alternative color schemes inline styles */ | |
.site .skip-link { | |
background-color: #f1f1f1; | |
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); | |
color: #21759b; | |
display: block; | |
font-size: 14px; | |
font-weight: 700; | |
left: -9999em; | |
outline: none; | |
padding: 15px 23px 14px; | |
text-decoration: none; | |
text-transform: none; | |
top: -9999em; | |
} | |
.logged-in .site .skip-link { | |
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); | |
font-family: "Open Sans", sans-serif; | |
} | |
.site .skip-link:focus { | |
clip: auto; | |
height: auto; | |
left: 6px; | |
top: 7px; | |
width: auto; | |
z-index: 100000; | |
} | |
/** | |
* 8.0 - Alignments | |
*/ | |
.alignleft { | |
float: left; | |
margin: 0.375em 1.75em 1.75em 0; | |
} | |
.alignright { | |
float: right; | |
margin: 0.375em 0 1.75em 1.75em; | |
} | |
.aligncenter { | |
clear: both; | |
display: block; | |
margin: 0 auto 1.75em; | |
} | |
blockquote.alignleft { | |
margin: 0.3157894737em 1.4736842105em 1.473684211em 0; | |
} | |
blockquote.alignright { | |
margin: 0.3157894737em 0 1.473684211em 1.4736842105em; | |
} | |
blockquote.aligncenter { | |
margin-bottom: 1.473684211em; | |
} | |
/** | |
* 9.0 - Clearings | |
*/ | |
.clear:before, | |
.clear:after, | |
blockquote:before, | |
blockquote:after, | |
.entry-content:before, | |
.entry-content:after, | |
.entry-summary:before, | |
.entry-summary:after, | |
.comment-content:before, | |
.comment-content:after, | |
.site-content:before, | |
.site-content:after, | |
.site-main > article:before, | |
.site-main > article:after, | |
.primary-menu:before, | |
.primary-menu:after, | |
.social-links-menu:before, | |
.social-links-menu:after, | |
.textwidget:before, | |
.textwidget:after, | |
.content-bottom-widgets:before, | |
.content-bottom-widgets:after { | |
content: ""; | |
display: table; | |
} | |
.clear:after, | |
blockquote:after, | |
.entry-content:after, | |
.entry-summary:after, | |
.comment-content:after, | |
.site-content:after, | |
.site-main > article:after, | |
.primary-menu:after, | |
.social-links-menu:after, | |
.textwidget:after, | |
.content-bottom-widgets:after { | |
clear: both; | |
} | |
/** | |
* 10.0 - Widgets | |
*/ | |
/* Calendar widget */ | |
.widget.widget_calendar table { | |
margin: 0; | |
} | |
.widget_calendar td, | |
.widget_calendar th { | |
line-height: 2.5625; | |
padding: 0; | |
text-align: center; | |
} | |
.widget_calendar caption { | |
font-weight: 900; | |
margin-bottom: 1.75em; | |
} | |
.widget_calendar tbody a { | |
background-color: #007acc; | |
color: #fff; | |
display: block; | |
font-weight: 700; | |
} | |
.widget_calendar tbody a:hover, | |
.widget_calendar tbody a:focus { | |
background-color: #686868; | |
color: #fff; | |
} | |
/* Recent Posts widget */ | |
.widget_recent_entries .post-date { | |
color: #686868; | |
display: block; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1.615384615; | |
margin-bottom: 0.538461538em; | |
} | |
.widget_recent_entries li:last-child .post-date { | |
margin-bottom: 0; | |
} | |
/* RSS widget */ | |
.widget_rss .rsswidget img { | |
margin-top: -0.375em; | |
} | |
.widget_rss .rss-date, | |
.widget_rss cite { | |
color: #686868; | |
display: block; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
font-style: normal; | |
line-height: 1.615384615; | |
margin-bottom: 0.538461538em; | |
} | |
.widget_rss .rssSummary:last-child { | |
margin-bottom: 2.1538461538em; | |
} | |
.widget_rss li:last-child :last-child { | |
margin-bottom: 0; | |
} | |
/* Tag Cloud widget */ | |
.tagcloud a { | |
border: 1px solid #d1d1d1; | |
border-radius: 2px; | |
display: inline-block; | |
line-height: 1; | |
margin: 0 0.1875em 0.4375em 0; | |
padding: 0.5625em 0.4375em 0.5em; | |
} | |
.tagcloud a:hover, | |
.tagcloud a:focus { | |
border-color: #007acc; | |
color: #007acc; | |
outline: 0; | |
} | |
/** | |
* 11.0 - Content | |
*/ | |
.site { | |
background-color: #fff; | |
} | |
.site-inner { | |
margin: 0 auto; | |
position: relative; | |
} | |
.site-content { | |
word-wrap: break-word; | |
} | |
/* Do not show the outline on the skip link target. */ | |
#content[tabindex="-1"]:focus { | |
outline: 0; | |
} | |
.site-main > :last-child { | |
margin-bottom: 0; | |
} | |
/** | |
* 11.1 - Header | |
*/ | |
.site-header{ | |
z-index:99; | |
background-color:#29333f; | |
padding:10px; | |
} | |
.home .site-header{position:absolute;left:0;right:0;top:20px;background-color:transparent;} | |
.home .site-header.sticky{background-color:#29333f;position:fixed;top:0} | |
.site-header .site-header-main { | |
max-width:1170px; | |
margin:auto | |
} | |
.site-header .site-header-main .site-branding { | |
float:left; | |
overflow: hidden; | |
} | |
.site-header .site-header-main .site-branding a{ | |
background-image:url("http://www.startaap.com/wp-content/uploads/2017/02/logo-header.png"); | |
background-repeat:no-repeat; | |
font:0/0 a; | |
color:transparent; | |
background-color:transparent; | |
border:0; | |
width:240px; | |
height:48px; | |
display:block; | |
} | |
.site-header .site-header-main .site-branding .site-description{display:none;} | |
.site-header .site-header-main .site-header-menu{float:right;} | |
.site-header .site-header-main .site-header-menu .primary-menu > li{float:left;position:relative;} | |
.site-header .site-header-main .site-header-menu .primary-menu > li > a{padding:0 15px;text-transform:uppercase;color:#FFF;display:inline-block;line-height:48px;font-weight:500;font-size:14px} | |
/*.site-header .site-header-main .site-header-menu .primary-menu > li.menu-item-has-children > a{padding-right:25px}*/ | |
.site-header .site-header-main .site-header-menu .primary-menu > li.menu-item-has-children > a:after{content:"\f431";margin:15px -8px 0 3px;} | |
.site-header .site-header-main .site-header-menu .primary-menu > li .sub-menu{ | |
position:absolute; | |
left:0; | |
list-style:none; | |
margin:0; | |
padding:10px 0 0 0; | |
width:220px; | |
display:none; | |
z-index:999999; | |
color:#fff; | |
background-color:#29333f; | |
transition:300ms; | |
-webkit-transition:300ms; | |
} | |
.site-header .site-header-main .site-header-menu .primary-menu > li:hover > .sub-menu{ | |
display:block; | |
-webkit-animation:FadeInDown 300ms; | |
animation:FadeInDown 300ms; | |
} | |
.site-header .site-header-main .site-header-menu .primary-menu > li .sub-menu > li{ | |
position:relative; | |
transiton:300ms; | |
-webkit-transition:300ms; | |
-moz-transition:300ms; | |
} | |
.site-header .site-header-main .site-header-menu .primary-menu > li .sub-menu > li > a{ | |
display:block; | |
line-height:normal; | |
padding:10px 15px; | |
border-bottom:1px solid rgba(0,0,0,0.1); | |
font-size:13px; | |
color:#fff; | |
text-transform:uppercase; | |
transition:300ms; | |
-webkit-transition:300ms; | |
} | |
.site-header .site-header-main .site-header-menu .primary-menu > li .sub-menu > li > a:hover{background-color:#b22122;color:#FFF} | |
@media (max-width:992px) and (min-width:768px){ | |
.site-header .site-header-main .site-branding a{width:200px;background-size:100%} | |
.site-header .site-header-main .site-header-menu .primary-menu > li > a{padding:0 8px} | |
.site-header .site-header-main .site-header-menu .primary-menu > li.menu-item-has-children > a{padding-right:10px} | |
} | |
@media (max-width:767px){ | |
.site-header .site-header-main .site-header-menu{display:none;} | |
.site-header .site-header-main .site-header-menu.toggled-on{display:block;} | |
.site-header .site-header-main .site-header-menu .primary-menu > li{float:none;} | |
.site-header .site-header-main .site-header-menu .primary-menu > li > a{display:block;} | |
} | |
.entry-header{padding:90px 15px;text-align:center;} | |
.entry-header .entry-title{margin-bottom:0;font-size:48px;padding:20px 0;background-image:url("images/banner-bg.png");background-repeat:no-repeat;background-position:center;} | |
.entry-header .breadcrumbs{margin:0;padding:0;list-style:none;font-size:16px;text-transform:uppercase;} | |
.entry-header .breadcrumbs li{display:inline-block;position:relative;} | |
.entry-header .breadcrumbs li a{color:#000} | |
.entry-header .breadcrumbs li.separator{} | |
.entry-header .breadcrumbs li.item-home{padding-left:25px;} | |
.entry-header .breadcrumbs li.item-home:before{content:"\f409";padding-right:12px;font-family: "Genericons";position:relative;position:absolute;left:0;font-size:18px;} | |
.entry-header .breadcrumbs li.separator:after{content:"/";padding:0 8px} | |
.home .entry-header{display:none;} | |
.home .site-content{padding:0 15px;} | |
.home .site .banner{padding:290px 0 240px;color:#fff;color:rgba(255, 255, 255, 0.72);background-image:url("images/1600x770.jpg");background-size:cover;background-position:center;} | |
@media (max-width:992px) and (min-width:768px){ | |
.home .site .banner{padding:240px 0 190px;background-image:url("images/1024x670.jpg");} | |
} | |
@media (max-width:767px){ | |
.entry-header{padding:40px 0;} | |
.entry-header .entry-title{font-size:25px;line-height:32px;font-weight:400;padding-top:0} | |
.entry-header .breadcrumbs{font-size:13px;padding:0 10px} | |
.home .site .banner{background-image:url("images/640x750.jpg");} | |
} | |
.home .site .banner .wpb_content_element{margin-bottom:0} | |
.home .site .banner .vc_column-inner{max-width:1170px;width:auto;padding-top:0px;margin:auto} | |
.home .site .banner .vc_column-inner .countdown{margin-bottom:20px !important;font-weight:700} | |
.home .site .banner .vc_column-inner .countdown:before, | |
.home .site .banner .vc_column-inner .countdown:after{content:"";display:table;} | |
.home .site .banner .vc_column-inner .countdown:after{clear:both;} | |
.home .site .banner .vc_column-inner .countdown .element_conteiner{ | |
display:block; | |
float:left; | |
font-size:62px; | |
line-height:1; | |
letter-spacing:3px; | |
margin-right:60px; | |
} | |
.home .site .banner .vc_column-inner .countdown .element_conteiner .time_left{display:inline-block;} | |
/*.home .site .banner .vc_column-inner .countdown .element_conteiner .days{color:#fff200} | |
.home .site .banner .vc_column-inner .countdown .element_conteiner .hourse{color:#ff8a00}*/ | |
.home .site .banner .vc_column-inner .countdown .element_conteiner .time_description{ | |
display:block; | |
font-size:22px; | |
margin-top:8px; | |
line-height:1; | |
text-transform:uppercase; | |
letter-spacing:1px; | |
} | |
.home .site .banner .vc_column-inner h1{font-size:62px;line-height:62px;font-weight:900;color:#FFF} | |
.home .site .banner .vc_column-inner h2{font-size:24px;line-height:24px;font-weight:700;margin-top:15px} | |
.home .site .banner .vc_column-inner h3{font-size:16px;line-height:22px;font-weight:300;margin-top:5px;} | |
.site{max-width:1170px;margin:auto} | |
.home .site{max-width:100%} | |
.home .site .rightside{max-width:1170px;margin:auto;padding:60px 0} | |
.home .site .rightside h1{ | |
font-weight:700; | |
font-size:36px; | |
line-height:normal; | |
} | |
.home .site .rightside h2{font-weight:500;margin-bottom:15px} | |
.home .site .rightside .leftside .vc_single_image-wrapper img{border-radius:10px} | |
.home .entry-content{padding:0 0} | |
.entry-content{padding:0 15px 60px} | |
.custom-logo-link { | |
display: block; | |
} | |
.custom-logo { | |
max-width: 180px; | |
} | |
.site-title { | |
font-size: 23px; | |
font-size: 1.4375rem; | |
font-weight: 700; | |
line-height: 1.2173913043; | |
margin: 0; | |
} | |
.site-branding .site-title a { | |
color: #1a1a1a; | |
} | |
.site-branding .site-title a:hover, | |
.site-branding .site-title a:focus { | |
color: #007acc; | |
} | |
.wp-custom-logo .site-title { | |
margin-top: 0.608695652em; | |
} | |
.site-description { | |
color: #686868; | |
display: none; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
font-weight: 400; | |
line-height: 1.0769230769; | |
margin: 0.538461538em 0 0; | |
} | |
.menu-toggle { | |
background-color: transparent; | |
border: 1px solid #d1d1d1; | |
color: #1a1a1a; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
margin: 1.076923077em 0; | |
padding: 0.769230769em; | |
float:right; | |
} | |
@media (min-width:768px){ | |
.menu-toggle{display:none;} | |
} | |
.no-js .menu-toggle { | |
display: none; | |
} | |
.menu-toggle:hover, | |
.menu-toggle:focus { | |
background-color: transparent; | |
border-color: #007acc; | |
color: #007acc; | |
} | |
.menu-toggle.toggled-on, | |
.menu-toggle.toggled-on:hover, | |
.menu-toggle.toggled-on:focus { | |
background-color: #1a1a1a; | |
border-color: #1a1a1a; | |
color: #fff; | |
} | |
.menu-toggle:focus { | |
outline: 0; | |
} | |
.menu-toggle.toggled-on:focus { | |
outline: thin dotted; | |
} | |
.header-image { | |
clear: both; | |
margin: 0.875em 0; | |
} | |
.header-image a { | |
display: block; | |
} | |
.header-image a:hover img, | |
.header-image a:focus img { | |
opacity: 0.85; | |
} | |
/** | |
* 11.2 - Posts and pages | |
*/ | |
.post-thumbnail { | |
display: block; | |
margin-bottom:20px | |
} | |
.post-thumbnail img { | |
display: block; | |
max-width: 100% | |
} | |
.no-sidebar .post-thumbnail img { | |
margin: 0 auto; | |
} | |
a.post-thumbnail:hover, | |
a.post-thumbnail:focus { | |
opacity: 0.85; | |
} | |
.entry-content, | |
.entry-summary { | |
border-color: #d1d1d1; | |
} | |
/*.entry-content h4, | |
.entry-summary h4, | |
.comment-content h4, | |
.textwidget h4 { | |
letter-spacing: 0.140625em; | |
text-transform: uppercase; | |
} | |
*/ | |
.entry-content h6, | |
.entry-summary h6, | |
.comment-content h6, | |
.textwidget h6 { | |
font-style: italic; | |
} | |
.post-navigation .post-title, | |
.entry-title, | |
.comments-title { | |
-webkit-hyphens: auto; | |
-moz-hyphens: auto; | |
-ms-hyphens: auto; | |
hyphens: auto; | |
} | |
body:not(.search-results) .entry-summary { | |
color: #686868; | |
font-size: 19px; | |
font-size: 1.1875rem; | |
line-height: 1.4736842105; | |
margin-bottom: 1.4736842105em; | |
} | |
body:not(.search-results) .entry-header + .entry-summary { | |
margin-top: -0.736842105em; | |
} | |
body:not(.search-results) .entry-summary p, | |
body:not(.search-results) .entry-summary address, | |
body:not(.search-results) .entry-summary hr, | |
body:not(.search-results) .entry-summary ul, | |
body:not(.search-results) .entry-summary ol, | |
body:not(.search-results) .entry-summary dl, | |
body:not(.search-results) .entry-summary dd, | |
body:not(.search-results) .entry-summary table { | |
margin-bottom: 1.4736842105em; | |
} | |
body:not(.search-results) .entry-summary li > ul, | |
body:not(.search-results) .entry-summary li > ol { | |
margin-bottom: 0; | |
} | |
body:not(.search-results) .entry-summary th, | |
body:not(.search-results) .entry-summary td { | |
padding: 0.3684210526em; | |
} | |
body:not(.search-results) .entry-summary fieldset { | |
margin-bottom: 1.4736842105em; | |
padding: 0.3684210526em; | |
} | |
body:not(.search-results) .entry-summary blockquote { | |
border-color: currentColor; | |
} | |
body:not(.search-results) .entry-summary blockquote > :last-child { | |
margin-bottom: 0; | |
} | |
body:not(.search-results) .entry-summary .alignleft { | |
margin: 0.2631578947em 1.4736842105em 1.4736842105em 0; | |
} | |
body:not(.search-results) .entry-summary .alignright { | |
margin: 0.2631578947em 0 1.4736842105em 1.4736842105em; | |
} | |
body:not(.search-results) .entry-summary .aligncenter { | |
margin-bottom: 1.4736842105em; | |
} | |
.entry-content > :last-child, | |
.entry-summary > :last-child, | |
body:not(.search-results) .entry-summary > :last-child, | |
.page-content > :last-child, | |
.comment-content > :last-child, | |
.textwidget > :last-child { | |
margin-bottom: 0; | |
} | |
.more-link { | |
white-space: nowrap; | |
} | |
.author-info { | |
border-color: inherit; | |
border-style: solid; | |
border-width: 1px 0 0 0; | |
clear: both; | |
padding:30px 0 0 0; | |
margin-top:30px; | |
} | |
.author-avatar .photo { | |
float: left; | |
height: 120px; | |
margin: 0 1.75em 1.75em 0; | |
width: 120px; | |
border-radius:100px | |
} | |
.author-description > :last-child { | |
margin-bottom: 0; | |
} | |
.entry-content .author-title { | |
clear: none; | |
font-size: 18px; | |
font-size: 1rem; | |
font-weight: 900; | |
line-height: 1.75; | |
margin: 0; | |
text-transform:capitalize; | |
} | |
.author-bio { | |
color: #686868; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1.6153846154; | |
margin-bottom: 1.6153846154em; | |
overflow: hidden; | |
} | |
.author-link { | |
white-space: nowrap; | |
} | |
.entry-footer { | |
color: #686868; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1.6153846154; | |
margin-top: 2.1538461538em; | |
} | |
.entry-footer:empty { | |
margin: 0; | |
} | |
.entry-footer a { | |
color: #686868; | |
} | |
.entry-footer a:hover, | |
.entry-footer a:focus { | |
color: #007acc; | |
} | |
.entry-footer > span:not(:last-child):after { | |
content: "\002f"; | |
display: inline-block; | |
opacity: 0.7; | |
padding: 0 0.538461538em; | |
} | |
.entry-footer .avatar { | |
height: 21px; | |
margin: -0.1538461538em 0.5384615385em 0 0; | |
width: 21px; | |
} | |
.sticky-post { | |
color: #686868; | |
display: block; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
letter-spacing: 0.076923077em; | |
line-height: 1.6153846154; | |
margin-bottom: 0.5384615385em; | |
text-transform: uppercase; | |
} | |
/** | |
* IE8 and earlier will drop any block with CSS3 selectors. | |
* Do not combine these styles with the next block. | |
*/ | |
.updated:not(.published) { | |
display: none; | |
} | |
.sticky .posted-on, | |
.byline { | |
display: none; | |
} | |
.single .byline, | |
.group-blog .byline { | |
display: inline; | |
} | |
.page-header { | |
border-top: 4px solid #1a1a1a; | |
margin: 0 7.6923% 3.5em; | |
padding-top: 1.75em; | |
} | |
body.error404 .page-header, | |
body.search-no-results .page-header { | |
border-top: 0; | |
padding-top: 0; | |
} | |
.page-title { | |
font-size: 23px; | |
font-size: 1.4375rem; | |
line-height: 1.2173913043; | |
} | |
.taxonomy-description { | |
color: #686868; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1.6153846154; | |
} | |
.taxonomy-description p { | |
margin: 0.5384615385em 0 1.6153846154em; | |
} | |
.taxonomy-description > :last-child { | |
margin-bottom: 0; | |
} | |
.page-links { | |
clear: both; | |
margin: 0 0 1.75em; | |
} | |
.page-links a, | |
.page-links > span { | |
border: 1px solid #d1d1d1; | |
border-radius: 2px; | |
display: inline-block; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
height: 1.8461538462em; | |
line-height: 1.6923076923em; | |
margin-right: 0.3076923077em; | |
text-align: center; | |
width: 1.8461538462em; | |
} | |
.page-links a { | |
background-color: #1a1a1a; | |
border-color: #1a1a1a; | |
color: #fff; | |
} | |
.page-links a:hover, | |
.page-links a:focus { | |
background-color: #007acc; | |
border-color: transparent; | |
color: #fff; | |
} | |
.page-links > .page-links-title { | |
border: 0; | |
color: #1a1a1a; | |
height: auto; | |
margin: 0; | |
padding-right: 0.6153846154em; | |
width: auto; | |
} | |
.entry-attachment { | |
margin-bottom: 1.75em; | |
} | |
.entry-caption { | |
color: #686868; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
font-style: italic; | |
line-height: 1.6153846154; | |
padding-top: 1.0769230769em; | |
} | |
.entry-caption > :last-child { | |
margin-bottom: 0; | |
} | |
.content-bottom-widgets { | |
margin: 0 7.6923%; | |
} | |
.content-bottom-widgets .widget-area { | |
margin-bottom: 3.5em; | |
} | |
/** | |
* 11.3 - Post Formats | |
*/ | |
.format-aside .entry-title, | |
.format-image .entry-title, | |
.format-video .entry-title, | |
.format-quote .entry-title, | |
.format-gallery .entry-title, | |
.format-status .entry-title, | |
.format-link .entry-title, | |
.format-audio .entry-title, | |
.format-chat .entry-title { | |
font-size: 19px; | |
font-size: 1.1875rem; | |
line-height: 1.473684211; | |
margin-bottom: 1.473684211em; | |
} | |
.blog .format-status .entry-title, | |
.archive .format-status .entry-title { | |
display: none; | |
} | |
/** | |
* 11.4 - Comments | |
*/ | |
.comments-area { | |
margin: 0 7.6923% 3.5em; | |
} | |
.comment-list + .comment-respond, | |
.comment-navigation + .comment-respond { | |
padding-top: 1.75em; | |
} | |
.comments-title, | |
.comment-reply-title { | |
border-top: 4px solid #1a1a1a; | |
font-size: 23px; | |
font-size: 1.4375rem; | |
font-weight: 700; | |
line-height: 1.3125; | |
padding-top: 1.217391304em; | |
} | |
.comments-title { | |
margin-bottom: 1.217391304em; | |
} | |
.comment-list { | |
list-style: none; | |
margin: 0; | |
} | |
.comment-list article, | |
.comment-list .pingback, | |
.comment-list .trackback { | |
border-top: 1px solid #d1d1d1; | |
padding: 1.75em 0; | |
} | |
.comment-list .children { | |
list-style: none; | |
margin: 0; | |
} | |
.comment-list .children > li { | |
padding-left: 0.875em; | |
} | |
.comment-author { | |
color: #1a1a1a; | |
margin-bottom: 0.4375em; | |
} | |
.comment-author .avatar { | |
float: left; | |
height: 28px; | |
margin-right: 0.875em; | |
position: relative; | |
width: 28px; | |
} | |
.bypostauthor > article .fn:after { | |
content: "\f304"; | |
left: 3px; | |
position: relative; | |
top: 5px; | |
} | |
.comment-metadata, | |
.pingback .edit-link { | |
color: #686868; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1.6153846154; | |
} | |
.comment-metadata { | |
margin-bottom: 2.1538461538em; | |
} | |
.comment-metadata a, | |
.pingback .comment-edit-link { | |
color: #686868; | |
} | |
.comment-metadata a:hover, | |
.comment-metadata a:focus, | |
.pingback .comment-edit-link:hover, | |
.pingback .comment-edit-link:focus { | |
color: #007acc; | |
} | |
.comment-metadata .edit-link, | |
.pingback .edit-link { | |
display: inline-block; | |
} | |
.comment-metadata .edit-link:before, | |
.pingback .edit-link:before { | |
content: "\002f"; | |
display: inline-block; | |
opacity: 0.7; | |
padding: 0 0.538461538em; | |
} | |
.comment-content ul, | |
.comment-content ol { | |
margin: 0 0 1.5em 1.25em; | |
} | |
.comment-content li > ul, | |
.comment-content li > ol { | |
margin-bottom: 0; | |
} | |
.comment-reply-link { | |
border: 1px solid #d1d1d1; | |
border-radius: 2px; | |
color: #007acc; | |
display: inline-block; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1; | |
margin-top: 2.1538461538em; | |
padding: 0.5384615385em 0.5384615385em 0.4615384615em; | |
} | |
.comment-reply-link:hover, | |
.comment-reply-link:focus { | |
border-color: currentColor; | |
color: #007acc; | |
outline: 0; | |
} | |
.comment-form { | |
padding-top: 1.75em; | |
} | |
.comment-form label { | |
color: #686868; | |
display: block; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
letter-spacing: 0.076923077em; | |
line-height: 1.6153846154; | |
margin-bottom: 0.5384615385em; | |
text-transform: uppercase; | |
} | |
.comment-list .comment-form { | |
padding-bottom: 1.75em; | |
} | |
.comment-notes, | |
.comment-awaiting-moderation, | |
.logged-in-as, | |
.form-allowed-tags { | |
color: #686868; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1.6153846154; | |
margin-bottom: 2.1538461538em; | |
} | |
.no-comments { | |
border-top: 1px solid #d1d1d1; | |
font-weight: 700; | |
margin: 0; | |
padding-top: 1.75em; | |
} | |
.comment-navigation + .no-comments { | |
border-top: 0; | |
padding-top: 0; | |
} | |
.form-allowed-tags code { | |
font-family: Inconsolata, monospace; | |
} | |
.form-submit { | |
margin-bottom: 0; | |
} | |
.required { | |
color: #007acc; | |
font-family: Merriweather, Georgia, serif; | |
} | |
.comment-reply-title small { | |
font-size: 100%; | |
} | |
.comment-reply-title small a { | |
border: 0; | |
float: right; | |
height: 32px; | |
overflow: hidden; | |
width: 26px; | |
} | |
.comment-reply-title small a:hover, | |
.comment-reply-title small a:focus { | |
color: #1a1a1a; | |
} | |
.comment-reply-title small a:before { | |
content: "\f405"; | |
font-size: 32px; | |
position: relative; | |
top: -5px; | |
} | |
/** | |
* 11.6 - Footer | |
*/ | |
.site-footer { | |
padding: 0 7.6923% 1.75em; | |
} | |
.site-info { | |
color: #686868; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1.6153846154; | |
} | |
.site-info a { | |
color: #686868; | |
} | |
.site-info a:hover, | |
.site-info a:focus { | |
color: #007acc; | |
} | |
.site-footer .site-title { | |
font-family: inherit; | |
font-size: inherit; | |
font-weight: 400; | |
} | |
.site-footer .site-title:after { | |
content: "\002f"; | |
display: inline-block; | |
opacity: 0.7; | |
padding: 0 0.307692308em 0 0.538461538em; | |
} | |
/** | |
* 12.0 - Media | |
*/ | |
.site .avatar { | |
border-radius: 50%; | |
} | |
.entry-content .wp-smiley, | |
.entry-summary .wp-smiley, | |
.comment-content .wp-smiley, | |
.textwidget .wp-smiley { | |
border: none; | |
margin-top: 0; | |
margin-bottom: 0; | |
padding: 0; | |
} | |
.entry-content a img, | |
.entry-summary a img, | |
.comment-content a img, | |
.textwidget a img { | |
display: block; | |
} | |
/* Make sure embeds and iframes fit their containers. */ | |
embed, | |
iframe, | |
object, | |
video { | |
margin-bottom: 1.75em; | |
max-width: 100%; | |
vertical-align: middle; | |
} | |
p > embed, | |
p > iframe, | |
p > object, | |
p > video { | |
margin-bottom: 0; | |
} | |
.entry-content .wp-audio-shortcode a, | |
.entry-content .wp-playlist a { | |
box-shadow: none; | |
} | |
.wp-audio-shortcode, | |
.wp-video, | |
.wp-playlist.wp-audio-playlist { | |
margin-top: 0; | |
margin-bottom: 1.75em; | |
} | |
.wp-playlist.wp-audio-playlist { | |
padding-bottom: 0; | |
} | |
.wp-playlist .wp-playlist-tracks { | |
margin-top: 0; | |
} | |
.wp-playlist-item .wp-playlist-caption { | |
border-bottom: 0; | |
padding: 0.7142857143em 0; | |
} | |
.wp-playlist-item .wp-playlist-item-length { | |
top: 0.7142857143em; | |
} | |
/** | |
* 12.1 - Captions | |
*/ | |
.wp-caption { | |
margin-top: 1.50em; | |
margin-bottom: 1.75em; | |
max-width: 100%; | |
} | |
.wp-caption img[class*="wp-image-"] { | |
display: block; | |
margin: 0; | |
} | |
.wp-caption .wp-caption-text { | |
color: #686868; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
font-style: italic; | |
line-height: 1.6153846154; | |
padding-top: 0.5384615385em; | |
} | |
/** | |
* 12.2 - Galleries | |
*/ | |
.gallery { | |
margin: 0 -1.1666667% 1.75em; | |
} | |
.gallery-item { | |
display: inline-block; | |
max-width: 33.33%; | |
padding: 0 1.1400652% 2.2801304%; | |
text-align: center; | |
vertical-align: top; | |
width: 100%; | |
} | |
.gallery-columns-1 .gallery-item { | |
max-width: 100%; | |
} | |
.gallery-columns-2 .gallery-item { | |
max-width: 50%; | |
} | |
.gallery-columns-4 .gallery-item { | |
max-width: 25%; | |
} | |
.gallery-columns-5 .gallery-item { | |
max-width: 20%; | |
} | |
.gallery-columns-6 .gallery-item { | |
max-width: 16.66%; | |
} | |
.gallery-columns-7 .gallery-item { | |
max-width: 14.28%; | |
} | |
.gallery-columns-8 .gallery-item { | |
max-width: 12.5%; | |
} | |
.gallery-columns-9 .gallery-item { | |
max-width: 11.11%; | |
} | |
.gallery-icon img { | |
margin: 0 auto; | |
} | |
.gallery-caption { | |
color: #686868; | |
display: block; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
font-style: italic; | |
line-height: 1.6153846154; | |
padding-top: 0.5384615385em; | |
} | |
.gallery-columns-6 .gallery-caption, | |
.gallery-columns-7 .gallery-caption, | |
.gallery-columns-8 .gallery-caption, | |
.gallery-columns-9 .gallery-caption { | |
display: none; | |
} | |
/** | |
* 13.0 - Multisites | |
*/ | |
.widecolumn { | |
margin-bottom: 3.5em; | |
padding: 0 7.6923%; | |
} | |
.widecolumn .mu_register { | |
width: auto; | |
} | |
.widecolumn .mu_register .mu_alert { | |
background: transparent; | |
border-color: #d1d1d1; | |
color: inherit; | |
margin-bottom: 3.5em; | |
padding: 1.75em; | |
} | |
.widecolumn form, | |
.widecolumn .mu_register form { | |
margin-top: 0; | |
} | |
.widecolumn h2 { | |
font-size: 23px; | |
font-size: 1.4375rem; | |
font-weight: 900; | |
line-height: 1.2173913043; | |
margin-bottom: 1.2173913043em; | |
} | |
.widecolumn p { | |
margin: 1.75em 0; | |
} | |
.widecolumn p + h2 { | |
margin-top: 2.4347826087em; | |
} | |
.widecolumn label, | |
.widecolumn .mu_register label { | |
color: #686868; | |
font-size: 13px; | |
font-size: 0.8125rem; | |
font-weight: 400; | |
letter-spacing: 0.076923077em; | |
line-height: 1.6153846154; | |
text-transform: uppercase; | |
} | |
.widecolumn .mu_register label { | |
margin: 2.1538461538em 0.7692307692em 0.5384615385em 0; | |
} | |
.widecolumn .mu_register label strong { | |
font-weight: 400; | |
} | |
.widecolumn #key, | |
.widecolumn .mu_register #blog_title, | |
.widecolumn .mu_register #user_email, | |
.widecolumn .mu_register #blogname, | |
.widecolumn .mu_register #user_name { | |
font-size: 16px; | |
font-size: 1rem; | |
width: 100%; | |
} | |
.widecolumn .mu_register #blogname { | |
margin: 0; | |
} | |
.widecolumn .mu_register #blog_title, | |
.widecolumn .mu_register #user_email, | |
.widecolumn .mu_register #user_name { | |
margin: 0 0 0.375em; | |
} | |
.widecolumn #submit, | |
.widecolumn .mu_register input[type="submit"] { | |
font-size: 16px; | |
font-size: 1rem; | |
margin: 0; | |
width: auto; | |
} | |
.widecolumn .mu_register .prefix_address, | |
.widecolumn .mu_register .suffix_address { | |
font-size: inherit; | |
} | |
.widecolumn .mu_register > :last-child, | |
.widecolumn form > :last-child { | |
margin-bottom: 0; | |
} | |
/** | |
* 14.0 - Media Queries | |
*/ | |
/** | |
* Does the same thing as <meta name="viewport" content="width=device-width">, | |
* but in the future W3C standard way. -ms- prefix is required for IE10+ to | |
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor | |
* the meta tag. See https://core.trac.wordpress.org/ticket/25888. | |
*/ | |
@-ms-viewport { | |
width: device-width; | |
} | |
@viewport { | |
width: device-width; | |
} | |
/** | |
* 14.1 - >= 710px | |
*/ | |
@media screen and (min-width: 44.375em) { | |
/*body:not(.custom-background-image):before, | |
body:not(.custom-background-image):after { | |
background: inherit; | |
content: ""; | |
display: block; | |
height: 21px; | |
left: 0; | |
position: fixed; | |
width: 100%; | |
z-index: 99; | |
} | |
body:not(.custom-background-image):before { | |
top: 0; | |
} | |
body:not(.custom-background-image).admin-bar:before { | |
top: 46px; | |
} | |
body:not(.custom-background-image):after { | |
bottom: 0; | |
} | |
.site { | |
margin: 21px; | |
}*/ | |
.custom-logo { | |
max-width: 210px; | |
} | |
.site-title { | |
font-size: 28px; | |
font-size: 1.75rem; | |
line-height: 1.25; | |
} | |
.wp-custom-logo .site-title { | |
margin-top: 0.5em; | |
} | |
.site-description { | |
display: block; | |
} | |
.site-header .main-navigation + .social-navigation { | |
margin-top: 2.625em; | |
} | |
.header-image { | |
margin: 1.3125em 0; | |
} | |
.pagination { | |
margin: 0 23.0769% 4.421052632em 7.6923% | |
} | |
.post-navigation { | |
margin-bottom: 5.25em; | |
} | |
.post-navigation .post-title { | |
font-size: 28px; | |
font-size: 1.75rem; | |
line-height: 1.25; | |
} | |
/* restore screen-reader-text */ | |
.pagination .current .screen-reader-text { | |
position: absolute !important; | |
} | |
.pagination .page-numbers { | |
display: inline-block; | |
} | |
.entry-title { | |
font-size: 33px; | |
font-size: 2.0625rem; | |
line-height: 1.2727272727; | |
margin-bottom: 0.8484848485em; | |
} | |
.entry-content li > ul, | |
.entry-summary li > ul, | |
.comment-content li > ul, | |
.entry-content blockquote > ul, | |
.entry-summary blockquote > ul, | |
.comment-content blockquote > ul { | |
margin-left: 1.25em; | |
} | |
.entry-content li > ol, | |
.entry-summary li > ol, | |
.comment-content li > ol, | |
.entry-content blockquote > ol, | |
.entry-summary blockquote > ol, | |
.comment-content blockquote > ol { | |
margin-left: 1.5em; | |
} | |
.comment-author { | |
margin-bottom: 0; | |
} | |
.comment-author .avatar { | |
height: 42px; | |
position: relative; | |
top: 0.25em; | |
width: 42px; | |
} | |
.comment-list .children > li { | |
padding-left: 1.75em; | |
} | |
.comment-list + .comment-respond, | |
.comment-navigation + .comment-respond { | |
padding-top: 3.5em; | |
} | |
.comments-area, | |
.widget, | |
.content-bottom-widgets .widget-area { | |
margin-bottom: 5.25em; | |
} | |
body:not(.search-results) .entry-summary li > ul, | |
body:not(.search-results) .entry-summary blockquote > ul { | |
margin-left: 1.157894737em; | |
} | |
body:not(.search-results) .entry-summary li > ol, | |
body:not(.search-results) .entry-summary blockquote > ol { | |
margin-left: 1.473684211em; | |
} | |
} | |
/** | |
* 14.2 - >= 783px | |
*/ | |
@media screen and (min-width: 48.9375em) { | |
body:not(.custom-background-image).admin-bar:before { | |
top: 32px; | |
} | |
} | |
/** | |
* 14.3 - >= 910px | |
*/ | |
@media screen and (min-width: 56.875em) { | |
.dropdown-toggle, | |
.main-navigation ul .dropdown-toggle.toggled-on, | |
.menu-toggle, | |
.site-header .social-navigation, | |
.site-footer .main-navigation { | |
display: none; | |
} | |
.widget p, | |
.widget address, | |
.widget hr, | |
.widget ul, | |
.widget ol, | |
.widget dl, | |
.widget dd, | |
.widget table { | |
margin-bottom: 1.6153846154em; | |
} | |
.widget li > ul, | |
.widget li > ol { | |
margin-bottom: 0; | |
} | |
.widget blockquote { | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 1.3125; | |
margin-bottom: 1.3125em; | |
padding-left: 1.0625em; | |
} | |
.widget blockquote cite, | |
.widget blockquote small { | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1.6153846154; | |
} | |
.widget th, | |
.widget td { | |
padding: 0.5384615385em; | |
} | |
.widget pre { | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1.6153846154; | |
margin-bottom: 1.6153846154em; | |
padding: 0.5384615385em; | |
} | |
.widget fieldset { | |
margin-bottom: 1.6153846154em; | |
padding: 0.5384615385em; | |
} | |
.widget button, | |
.widget input, | |
.widget select, | |
.widget textarea { | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1.6153846154; | |
} | |
.widget button, | |
.widget input[type="button"], | |
.widget input[type="reset"], | |
.widget input[type="submit"] { | |
line-height: 1; | |
padding: 0.846153846em; | |
} | |
.widget input[type="date"], | |
.widget input[type="time"], | |
.widget input[type="datetime-local"], | |
.widget input[type="week"], | |
.widget input[type="month"], | |
.widget input[type="text"], | |
.widget input[type="email"], | |
.widget input[type="url"], | |
.widget input[type="password"], | |
.widget input[type="search"], | |
.widget input[type="tel"], | |
.widget input[type="number"], | |
.widget textarea { | |
padding: 0.4615384615em 0.5384615385em; | |
} | |
.widget h1 { | |
font-size: 23px; | |
font-size: 1.4375rem; | |
line-height: 1.2173913043; | |
margin-bottom: 0.9130434783em; | |
} | |
.widget h3 { | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 1.3125; | |
margin-bottom: 1.3125em; | |
} | |
.widget h4, | |
.widget h5, | |
.widget h6 { | |
font-size: 13px; | |
font-size: 0.8125rem; | |
line-height: 1.6153846154; | |
margin-bottom: 0.9130434783em; | |
} | |
.widget .alignleft { | |
margin: 0.2307692308em 1.6153846154em 1.6153846154em 0; | |
} | |
.widget .alignright { | |
margin: 0.2307692308em 0 1.6153846154em 1.6153846154em; | |
} | |
.widget .aligncenter { | |
margin-bottom: 1.6153846154em; | |
} | |
.widget_calendar td, | |
.widget_calendar th { | |
line-height: 2.6923076923; | |
padding: 0; | |
} | |
.widget_rss .rssSummary:last-child { | |
margin-bottom: 1.615384615em; | |
} | |
.widget input[type="search"].search-field { | |
width: -webkit-calc(100% - 35px); | |
width: calc(100% - 35px); | |
} | |
.widget .search-submit:before { | |
font-size: 16px; | |
left: 1px; | |
line-height: 35px; | |
width: 34px; | |
} | |
.widget button.search-submit { | |
padding: 0; | |
width: 35px; | |
} | |
.tagcloud a { | |
margin: 0 0.2307692308em 0.5384615385em 0; | |
padding: 0.5384615385em 0.4615384615em 0.4615384615em; | |
} | |
.textwidget h1 { | |
margin-top: 1.8260869565em; | |
} | |
.textwidget h2 { | |
margin-top: 2.2105263158em; | |
} | |
.textwidget h3 { | |
margin-top: 2.625em; | |
} | |
.textwidget h4 { | |
letter-spacing: 0.153846154em; | |
} | |
.textwidget h4, | |
.textwidget h5, | |
.textwidget h6 { | |
margin-top: 3.2307692308em; | |
} | |
.content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2), | |
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) { | |
float: left; | |
margin-right: 7.1428571%; | |
width: 46.42857145%; | |
} | |
.content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type { | |
margin-right: 0; | |
} | |
.no-sidebar .content-area { | |
float: none; | |
margin: 0; | |
width: 100%; | |
} | |
.no-sidebar .entry-header, | |
.no-sidebar .entry-content, | |
.no-sidebar .entry-summary, | |
.no-sidebar .entry-footer, | |
.no-sidebar .comments-area, | |
.no-sidebar .image-navigation, | |
.no-sidebar .post-navigation, | |
.no-sidebar .pagination, | |
.no-sidebar .page-header, | |
.no-sidebar .page-content, | |
.no-sidebar .content-bottom-widgets { | |
margin-right: 15%; | |
margin-left: 15%; | |
} | |
.widecolumn { | |
padding-right: 15%; | |
padding-left: 15%; | |
} | |
} | |
/** | |
* 14.4 - >= 985px | |
*/ | |
@media screen and (min-width: 61.5625em) { | |
.custom-logo { | |
max-width: 240px; | |
} | |
.image-navigation { | |
margin-bottom: 3.230769231em; | |
} | |
.post-navigation { | |
margin-bottom: 7.0em; | |
} | |
.pagination { | |
margin-bottom: 5.894736842em; | |
} | |
.widget { | |
margin-bottom: 4.307692308em; | |
} | |
.post-thumbnail { | |
margin-bottom: 2.625em; | |
} | |
.author-info { | |
border-bottom-width: 0; | |
padding-bottom: 0; | |
} | |
.comment-list + .comment-respond, | |
.comment-navigation + .comment-respond { | |
padding-top: 5.25em; | |
} | |
.comments-area, | |
.content-bottom-widgets .widget-area, | |
.widecolumn { | |
margin-bottom: 7.0em; | |
} | |
body:not(.search-results) .entry-summary { | |
margin-bottom: 2.210526316em; | |
} | |
body:not(.search-results) .entry-header + .entry-summary { | |
margin-top: -1.105263158em; | |
} | |
body:not(.search-results) article:not(.type-page) .entry-content { | |
/*float: right; | |
width: 71.42857144%;*/ | |
} | |
body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta { | |
margin-left: -40%; | |
width: -webkit-calc(60% - 1.4736842105em); | |
width: calc(60% - 1.4736842105em); | |
} | |
body:not(.search-results) article:not(.type-page) img.below-entry-meta, | |
body:not(.search-results) article:not(.type-page) figure.below-entry-meta { | |
clear: both; | |
display: block; | |
float: none; | |
margin-right: 0; | |
margin-left: -40%; | |
max-width: 140%; | |
} | |
body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta, | |
body:not(.search-results) article:not(.type-page) table figure.below-entry-meta, | |
body:not(.search-results) article:not(.type-page) table img.below-entry-meta { | |
margin: 0; | |
max-width: 100%; | |
} | |
body:not(.search-results) article:not(.type-page) .entry-footer { | |
float: left; | |
margin-top: 0.1538461538em; | |
width: 21.42857143%; | |
} | |
body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after { | |
display: none; | |
} | |
.single .byline, | |
.full-size-link, | |
body:not(.search-results).group-blog .byline, | |
body:not(.search-results) .entry-format, | |
body:not(.search-results) .cat-links, | |
body:not(.search-results) .tags-links, | |
body:not(.search-results) article:not(.sticky) .posted-on, | |
body:not(.search-results) article:not(.type-page) .comments-link, | |
body:not(.search-results) article:not(.type-page) .entry-footer .edit-link { | |
display: block; | |
margin-bottom: 0.5384615385em; | |
} | |
body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child { | |
margin-bottom: 0; | |
} | |
body:not(.search-results) article:not(.type-page) .entry-footer .avatar { | |
display: block; | |
height: auto; | |
margin: 0 0 0.5384615385em; | |
width: 49px; | |
} | |
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content { | |
float: left; | |
margin-right: -100%; | |
margin-left: 34.99999999%; | |
width: 50.00000001%; | |
} | |
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer { | |
margin-right: -100%; | |
margin-left: 15%; | |
width: 15%; | |
} | |
} | |
/** | |
* 14.5 - >= 1200px | |
*/ | |
@media screen and (min-width: 75em) { | |
body:not(.search-results) .entry-summary { | |
font-size: 23px; | |
font-size: 1.4375rem; | |
line-height: 1.5217391304; | |
margin-bottom: 1.826086957em; | |
} | |
body:not(.search-results) .entry-header + .entry-summary { | |
margin-top: -0.913043478em; | |
} | |
body:not(.search-results) .entry-summary p, | |
body:not(.search-results) .entry-summary address, | |
body:not(.search-results) .entry-summary hr, | |
body:not(.search-results) .entry-summary ul, | |
body:not(.search-results) .entry-summary ol, | |
body:not(.search-results) .entry-summary dl, | |
body:not(.search-results) .entry-summary dd, | |
body:not(.search-results) .entry-summary table { | |
margin-bottom: 1.5217391304em; | |
} | |
body:not(.search-results) .entry-summary li > ul, | |
body:not(.search-results) .entry-summary blockquote > ul { | |
margin-left: 0.956521739em; | |
} | |
body:not(.search-results) .entry-summary li > ol, | |
body:not(.search-results) .entry-summary blockquote > ol { | |
margin-left: 1.52173913em; | |
} | |
body:not(.search-results) .entry-summary blockquote { | |
font-size: 23px; | |
font-size: 1.4375rem; | |
line-height: 1.5217391304; | |
margin: 0 0 1.5217391304em; | |
padding-left: 1.347826087em; | |
} | |
body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) { | |
margin-left: -1.52173913em; | |
} | |
body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) { | |
margin-left: 0; | |
} | |
body:not(.search-results) .entry-summary blockquote cite, | |
body:not(.search-results) .entry-summary blockquote small { | |
font-size: 19px; | |
font-size: 1.1875rem; | |
line-height: 1.8421052632; | |
} | |
body:not(.search-results) .entry-summary th, | |
body:not(.search-results) .entry-summary td { | |
padding: 0.3043478261em; | |
} | |
body:not(.search-results) .entry-summary pre { | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 1.75; | |
margin-bottom: 1.75em; | |
padding: 1.75em; | |
} | |
body:not(.search-results) .entry-summary fieldset { | |
margin-bottom: 1.5217391304em; | |
padding: 0.3043478261em; | |
} | |
body:not(.search-results) .entry-summary h1 { | |
margin-top: 2.121212121em; | |
margin-bottom: 1.060606061em; | |
} | |
body:not(.search-results) .entry-summary h2 { | |
margin-top: 2.5em; | |
margin-bottom: 1.25em; | |
} | |
body:not(.search-results) .entry-summary h3 { | |
margin-top: 3.043478261em; | |
margin-bottom: 1.52173913em; | |
} | |
body:not(.search-results) .entry-summary h4, | |
body:not(.search-results) .entry-summary h5, | |
body:not(.search-results) .entry-summary h6 { | |
margin-top: 3.684210526em; | |
margin-bottom: 1.842105263em; | |
} | |
body:not(.search-results) .entry-summary h1:first-child, | |
body:not(.search-results) .entry-summary h2:first-child, | |
body:not(.search-results) .entry-summary h3:first-child, | |
body:not(.search-results) .entry-summary h4:first-child, | |
body:not(.search-results) .entry-summary h5:first-child, | |
body:not(.search-results) .entry-summary h6:first-child { | |
margin-top: 0; | |
} | |
body:not(.search-results) .entry-summary .alignleft { | |
margin: 0.2608695652em 1.5217391304em 1.5217391304em 0; | |
} | |
body:not(.search-results) .entry-summary .alignright { | |
margin: 0.2608695652em 0 1.5217391304em 1.5217391304em; | |
} | |
body:not(.search-results) .entry-summary .aligncenter { | |
margin-bottom: 1.5217391304em; | |
} | |
} | |
/** | |
* 15.0 - Print | |
*/ | |
@media print { | |
form, | |
button, | |
input, | |
select, | |
textarea, | |
.navigation, | |
.main-navigation, | |
.social-navigation, | |
.content-bottom-widgets, | |
.header-image, | |
.page-links, | |
.edit-link, | |
.comment-respond, | |
.comment-edit-link, | |
.comment-reply-link, | |
.comment-metadata .edit-link, | |
.pingback .edit-link { | |
display: none; | |
} | |
body, | |
blockquote cite, | |
blockquote small, | |
pre{ | |
font-size: 12pt; | |
} | |
blockquote { | |
font-size: 14.25pt; | |
} | |
.site-title, | |
.page-title, | |
.comments-title, | |
.entry-content h2, | |
.entry-summary h2, | |
.comment-content h2, | |
.widecolumn h2 { | |
font-size: 17.25pt; | |
} | |
.site-description { | |
display: block; | |
} | |
.site-description, | |
.author-bio, | |
.entry-footer, | |
.sticky-post, | |
.taxonomy-description, | |
.entry-caption, | |
.comment-metadata, | |
.comment-notes, | |
.comment-awaiting-moderation, | |
.site-info, | |
.wp-caption .wp-caption-text, | |
.gallery-caption { | |
font-size: 9.75pt; | |
} | |
body, | |
.site { | |
background: none !important; /* Brute force since user agents all print differently. */ | |
} | |
body, | |
blockquote cite, | |
blockquote small, | |
.site-branding .site-title a, | |
.entry-title a, | |
.comment-author { | |
color: #1a1a1a !important; /* Make sure color schemes don't affect to print */ | |
} | |
blockquote, | |
.page-header, | |
.comments-title { | |
border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */ | |
} | |
blockquote, | |
.site-description, | |
body:not(.search-results) .entry-summary, | |
body:not(.search-results) .entry-summary blockquote, | |
.author-bio, | |
.entry-footer, | |
.entry-footer a, | |
.sticky-post, | |
.taxonomy-description, | |
.entry-caption, | |
.comment-author, | |
.comment-metadata a, | |
.comment-notes, | |
.comment-awaiting-moderation, | |
.site-info, | |
.site-info a, | |
.wp-caption .wp-caption-text, | |
.gallery-caption { | |
color: #686868 !important; /* Make sure color schemes don't affect to print */ | |
} | |
code, | |
hr { | |
background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */ | |
} | |
pre, | |
abbr, | |
acronym, | |
table, | |
th, | |
td, | |
.author-info, | |
.comment-list article, | |
.comment-list .pingback, | |
.comment-list .trackback, | |
.no-comments { | |
border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */ | |
} | |
a { | |
color: #007acc !important; /* Make sure color schemes don't affect to print */ | |
} | |
.entry-content a, | |
.entry-summary a, | |
.taxonomy-description a, | |
.comment-content a, | |
.pingback .comment-body > a { | |
box-shadow: none; | |
border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */ | |
} | |
.site { | |
margin: 5%; | |
} | |
.site-inner { | |
max-width: none; | |
} | |
.site-header { | |
padding: 0 0 1.75em; | |
} | |
.site-branding { | |
margin-top: 0; | |
margin-bottom: 1.75em; | |
} | |
.entry-header, | |
.entry-footer, | |
.page-header, | |
.page-content, | |
.entry-content, | |
.entry-summary, | |
.post-thumbnail, | |
.comments-area { | |
margin-right: 0; | |
margin-left: 0; | |
} | |
.post-thumbnail{ | |
margin-bottom: 3.5em; | |
} | |
.entry-content blockquote.alignleft, | |
.entry-content blockquote.alignright { | |
border-width: 4px 0 0 0; | |
padding: 0.9473684211em 0 0; | |
width: -webkit-calc(50% - 0.736842105em); | |
width: calc(50% - 0.736842105em); | |
} | |
body:not(.search-results) .entry-header + .entry-summary { | |
margin-top: -1.473684211em; | |
} | |
.site-footer, | |
.widecolumn { | |
padding: 0; | |
} | |
} | |
.site-footer{ | |
color: #fff; | |
padding: 70px 0; | |
text-align: center; | |
border-top: 1px solid #303841; | |
background: #343d47; | |
} | |
.site-footer .footer-box{padding:0 15px;max-width:1170px;margin:auto;} | |
.site-footer .footer-box .footer-logo{margin-bottom:40px;} | |
.site-footer .footer-box .social-links-menu{margin:30px 0 0 0;padding:0;list-style:none;} | |
.site-footer .footer-box .social-links-menu li{margin:0 15px;padding:0;list-style:none;display:inline-block;} | |
.site-footer .footer-box .social-links-menu li a{color:rgba(255,255,255,0.5)} | |
.site-footer .footer-box .copyright{ | |
display:block; | |
font-size:14px; | |
font-weight:600; | |
text-transform:uppercase; | |
color:#999ea3 | |
} | |
.site-footer .footer-box .copyright a{color:#b22122} | |
.vc_btn3-container .vc_general{ | |
font-size:16px; | |
line-height:16px; | |
color:rgb(255, 255, 255); | |
background:rgb(146, 39, 143); | |
border-radius:4px; | |
font-weight:500; | |
margin:0px 20px 20px 0px; | |
padding:15px 30px; | |
display:inline-block; | |
} | |
.vc_btn3-container.vc_btn3-inline{display:inline-block;} | |
.wpcf7-form p{margin-bottom:20px} | |
.wpcf7-form .wpcf7-form-control-wrap{display:block;margin-top:0;} | |
.page-id-106 .vc_grid-item{margin-bottom:30px;} | |
.page-id-106 .vc_grid-item .vc_gitem-col{padding:20px 30px !important;font-weight:300} | |
.page-id-106 .vc_grid-item .vc_gitem-animated-block{float:left;width:50%} | |
.page-id-106 .vc_grid-item .vc_gitem-animated-block .vc-gitem-zone-height-mode-auto:before{height:300px;} | |
.page-id-106 .vc_grid-item .vc_gitem-zone-c{float:right;width:50%;background-color:transparent !important;} | |
.page-id-106 .vc_grid-item .vc_custom_heading h4{font-size:30px;line-height:32px;} | |
.page-id-106 .vc_grid-item .vc_btn3-container .vc_general{margin-bottom:0;background-color:transparent;padding:0;color:#F4524D} | |
.page-id-106 .vc_grid-item .vc_btn3-container .vc_general:hover{background-color:transparent;color:#000;} | |
.single-post .leftcol{float:left;width:70%;padding-right:20px;} | |
.single-post .rightcol{float:right;width:30%;padding-left:10px} | |
@media screen and (max-width:767px){ | |
.single-post .leftcol{width:100%;padding-right:0} | |
.single-post .rightcol{width:100%;padding:0 15px} | |
} | |
.single-post .rightcol .widget-title{font-size:24px;padding-bottom:15px;border-bottom:1px solid #dfdfdf;line-height:28px;margin-bottom:15px;text-transform:uppercase;} | |
.single-post .rightcol ul{padding:0;margin:0;list-style:none;} | |
.single-post .rightcol ul li a{padding:8px 0;display:block;font-size:14px;line-height:26px;color:#000;} | |
.single-post .leftcol .date{font-size:14px;margin-bottom:0;color:#ccc} | |
.category .post{padding:0 15px;float:left;width:50%;margin-bottom:50px} | |
.category .post .entry-header, | |
.category .post .entry-header .entry-title{padding:0;} | |
.category .post .post-thumbnail{margin-bottom:0} | |
.category .post .entry-header .entry-title{background-image:none;font-size:22px;margin-bottom:15px;font-weight:400;text-align:left;line-height:29px;} | |
.category .post .entry-header .entry-title a{color:inherit;} | |
.category .post .entry-header .entry-title a:hover, | |
.category .post .entry-header .entry-title a:focus{color:#b22122;} | |
.category .post .entry-content, | |
.category .post .entry-footer{display:none;} | |
@media screen and (max-width:767px){ | |
.category .post{width:100%;} | |
} | |
.vc_grid-pagination .vc_grid-page{margin:0 6px !important} | |
.vc_grid-pagination .vc_grid-page a{display:inline-block;padding:3px 8px} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment