1 /* ==========================================================================
3 ========================================================================== */
14 7. Share Selected Text
21 /* ==========================================================================
23 ========================================================================== */
26 font-family: sans-serif
;
27 -ms-text-size-adjust: 100%;
28 -webkit-text-size-adjust: 100%
31 article
, aside
, details
,
35 section
, summary
{ display:block
; }
36 audio
, canvas
, progress
, video
{
37 display: inline-block
;
38 vertical-align: baseline
;
40 audio:not
([controls
]) { display: none
; height: 0; }
41 [hidden
], template
{ display: none
; }
42 a
{ background-color: transparent
;}
43 a:active
, a:hover
{ outline: 0; }
44 abbr
[title
] { border-bottom: 1px dotted
; }
45 b
, strong
{ font-weight: bold
; }
46 dfn
{ font-style: italic
; }
47 h1
{ font-size: 2em; margin: 0.67em 0; }
48 mark
{ background: #ff0; color: #000; }
49 small
{ font-size: 80%; }
54 vertical-align: baseline
;
57 sub
{ bottom: -0.25em; }
59 svg:not
(:root
) { overflow: hidden
; }
60 figure
{ margin: 1em 40px; }
61 hr
{ box-sizing: content-box
; height: 0; }
62 pre
{ overflow: auto
; }
63 code
, kbd
, pre
, samp
{ font-family: monospace
, monospace
; font-size: 1em; }
64 button
, input
, optgroup
, select
, textarea
{
69 button
{ overflow: visible
; }
70 button
, select
{ text-transform: none
; }
71 button
, html input
[type
="button"],
72 input
[type
="reset"], input
[type
="submit"] {
73 -webkit-appearance: button
;
76 button
[disabled
], html input
[disabled
] { cursor: default
; }
77 button::-moz-focus-inner
, input::-moz-focus-inner
{ border: 0; padding: 0; }
78 input
{ line-height: normal
; }
79 input
[type
="checkbox"],
80 input
[type
="radio"] { box-sizing: border-box
; padding: 0; }
81 input
[type
="number"]::-webkit-inner-spin-button
,
82 input
[type
="number"]::-webkit-outer-spin-button
{ height: auto
; }
83 input
[type
="search"] { -webkit-appearance: textfield
; }
84 input
[type
="search"]::-webkit-search-cancel-button
,
85 input
[type
="search"]::-webkit-search-decoration
{ -webkit-appearance: none
; }
87 border: 1px solid
#c0c0c0;
89 padding: 0.35em 0.625em 0.75em;
91 legend
{ border: 0; padding: 0; }
92 textarea
{ overflow: auto
; }
93 optgroup
{ font-weight: bold
; }
94 table
{ border-collapse: collapse
; border-spacing: 0; }
97 /* ==========================================================================
99 ========================================================================== */
102 font-family: 'icons';
103 src: url
('../fonts/icons.eot');
104 src: url
('../fonts/icons.eot#iefix') format
('embedded-opentype'),
105 url
('../fonts/icons.woff') format
('woff'),
106 url
('../fonts/icons.ttf') format
('truetype'),
107 url
('../fonts/icons.svg#icons') format
('svg');
113 background: rgba
(0, 0, 0, 0.2);
116 background: rgba
(0, 0, 0, 0.2);
121 font-family: "europa", "Cabin", sans-serif
;
126 text-decoration: none
;
127 -webkit-transition: color
0.3s ease-in-out
, background
0.3s ease-in-out
, border
0.3s ease-in-out
;
128 -moz-transition: color
0.3s ease-in-out
, background
0.3s ease-in-out
, border
0.3s ease-in-out
;
129 -o-transition: color
0.3s ease-in-out
, background
0.3s ease-in-out
, border
0.3s ease-in-out
;
130 transition: color
0.3s ease-in-out
, background
0.3s ease-in-out
, border
0.3s ease-in-out
;
161 h1
, h2
, h3
, h4
, h5
, h6
{
162 font-family: "abril-titling", "Lora", serif
;
190 border-left: 10px solid
#FFF100;
199 font-family: monospace
;
200 background-color: #f7f7f7;
201 display: inline-block
;
202 border: 1px solid
#f7f7f7;
212 background-color: #f7f7f7;
217 font-family: monospace
;
218 background-color: #f7f7f7;
220 border: 1px solid
#f7f7f7;
235 -webkit-transition: background
0.3s ease-in-out
;
236 -moz-transition: background
0.3s ease-in-out
;
237 -o-transition: background
0.3s ease-in-out
;
238 transition: background
0.3s ease-in-out
;
248 .wf-loading
.blog-logo b
,
249 .wf-loading .post-meta{
261 border: 1px solid
#E9E9E9;
263 box-shadow: 0 1px 3px 0 rgba
(0,0,0,0.07);
267 text-transform: uppercase
;
269 display: inline-block
;
270 -webkit-transition: all
0.3s ease-in-out
;
271 -moz-transition: all
0.3s ease-in-out
;
272 -o-transition: all
0.3s ease-in-out
;
273 transition: all
0.3s ease-in-out
;
277 input
[type
=reset
]:hover
,
278 input
[type
=button
]:hover
,
279 input
[type
=submit
]:hover
,
280 button
[type
=reset
]:hover
,
281 button
[type
=button
]:hover
,
282 button
[type
=submit
]:hover
{
283 border: 1px solid
#BCBBBB;
285 box-shadow: 0 1px 3px 0 rgba
(0,0,0,0.12);
286 transform: translate3d
(0, 3px,0);
289 input:not
([type
=submit
]):not
([type
=file
]):not
([type
=radio
]):not
([type
=checkbox
]):not
([type
=reset
]):not
([type
=button
]),
291 border: 1px solid
#000000;
296 background: transparent
;
299 max-width: calc
(100% - 30px);
302 -webkit-transition: all
0.3s ease-in-out
;
303 -moz-transition: all
0.3s ease-in-out
;
304 -o-transition: all
0.3s ease-in-out
;
305 transition: all
0.3s ease-in-out
;
308 input:-webkit-autofill
{
309 -webkit-box-shadow: 0 0 0px 1000px #ffffff inset
;
316 input:not
([type
=submit
]):not
([type
=file
]):not
([type
=radio
]):not
([type
=checkbox
]):not
([type
=reset
]):not
([type
=button
]):focus
,
321 input:not
([type
=submit
]):not
([type
=file
])::-webkit-input-placeholder
{ /* Chrome/Opera/Safari */
322 color: rgba
(0,0,0,.2);
324 input:not
([type
=submit
]):not
([type
=file
])::-moz-placeholder
{ /* Firefox 19+ */
325 color: rgba
(0,0,0,.2);
327 input:not
([type
=submit
]):not
([type
=file
]):-ms-input-placeholder
{ /* IE 10+ */
328 color: rgba
(0,0,0,.2);
330 input:not
([type
=submit
]):not
([type
=file
]):-moz-placeholder
{ /* Firefox 18- */
331 color: rgba
(0,0,0,.2);
340 display: inline-block
;
342 background-color: #FFF100;
343 text-transform: uppercase
;
378 /* ==========================================================================
380 ========================================================================== */
388 -webkit-transition: transform
0.3s ease-in-out
;
389 -moz-transition: transform
0.3s ease-in-out
;
390 -o-transition: transform
0.3s ease-in-out
;
391 transition: transform
0.3s ease-in-out
;
394 header
.header-container
{
395 background-color: #FFF100;
402 transform: translateY
(-100%);
405 .scroll.overflow-y header .header-container{
409 .scroll header #morphing{
423 height: calc
(100vh - 110px);
427 -webkit-transition: all
0.3s ease-in-out
;
428 -moz-transition: all
0.3s ease-in-out
;
429 -o-transition: all
0.3s ease-in-out
;
430 transition: all
0.3s ease-in-out
;
440 justify-content: space-between
;
455 header
.blog-logo img
{
463 justify-content: center
;
469 list-style-type: none
;
476 display: inline-block
;
487 header
.search-trigger
{
488 font-family: 'icons';
498 -webkit-transition: opacity
0.3s ease-in-out
;
499 -moz-transition: opacity
0.3s ease-in-out
;
500 -o-transition: opacity
0.3s ease-in-out
;
501 transition: opacity
0.3s ease-in-out
;
504 header
.search-trigger:before
{
508 header
.pageload-overlay
.show
+ .search-container
{
512 header
.search-container
{
516 -webkit-transition: opacity
0.3s, visibility
0s 0.3s;
517 -moz-transition: opacity
0.3s, visibility
0s 0.3s;
518 -o-transition: opacity
0.3s, visibility
0s 0.3s;
519 transition: opacity
0.3s, visibility
0s 0.3s;
522 -webkit-transition: all
0.3s ease-in-out
;
523 -moz-transition: all
0.3s ease-in-out
;
524 -o-transition: all
0.3s ease-in-out
;
525 transition: all
0.3s ease-in-out
;
528 header
.search-container form
{
531 margin: 50px auto
100px auto
;
534 header
.search-container form
.container
{
538 header
.search-container #search-field
{
546 border-bottom: 1px solid
#000000;
551 header
.search-container #
search-field::-webkit-input-placeholder
{ /* Chrome/Opera/Safari */
554 header
.search-container #
search-field::-moz-placeholder
{ /* Firefox 19+ */
557 header
.search-container #
search-field:-ms-input-placeholder
{ /* IE 10+ */
560 header
.search-container #
search-field:-moz-placeholder
{ /* Firefox 18- */
571 -webkit-transition: opacity
0.3s ease-in-out
;
572 -moz-transition: opacity
0.3s ease-in-out
;
573 -o-transition: opacity
0.3s ease-in-out
;
574 transition: opacity
0.3s ease-in-out
;
577 header
.nav-trigger:hover
{
581 header
.nav-trigger i
{
582 display: inline-block
;
589 -webkit-transition: background
0.3s ease-in-out
;
590 -moz-transition: background
0.3s ease-in-out
;
591 -o-transition: background
0.3s ease-in-out
;
592 transition: background
0.3s ease-in-out
;
595 .begin-nav-trigger header .nav-trigger i{
596 background: transparent
;
599 header
.nav-trigger
i:before
,
600 header
.nav-trigger
i:after
{
607 -webkit-transition: all
0.3s ease-in-out
;
608 -moz-transition: all
0.3s ease-in-out
;
609 -o-transition: all
0.3s ease-in-out
;
610 transition: all
0.3s ease-in-out
;
613 header
.nav-trigger
i:after
{
618 .begin-nav-trigger header .nav-trigger i:before{
619 -webkit-transform: rotate
(-45deg);
620 -ms-transform: rotate
(-45deg);
621 transform: rotate
(-45deg);
625 .begin-nav-trigger header .nav-trigger i:after{
626 -webkit-transform: rotate
(45deg);
627 -ms-transform: rotate
(45deg);
628 transform: rotate
(45deg);
636 list-style-type: none
;
641 counter-increment: counter
;
646 content: counter
(counter
, decimal-leading-zero
)". ";
660 font-family: "abril-titling", "Lora", serif
;
669 font-family: "abril-titling", "Lora", serif
;
676 .begin-search-trigger .search-container{
680 .end-search-trigger .search-container{
685 .pageload-overlay.show {
689 .pageload-overlay svg {
693 pointer-events: none
;
696 .pageload-overlay svg path {
700 /* ==========================================================================
702 ========================================================================== */
711 -webkit-transition: opacity
0.3s ease-in-out
;
712 -moz-transition: opacity
0.3s ease-in-out
;
713 -o-transition: opacity
0.3s ease-in-out
;
714 transition: opacity
0.3s ease-in-out
;
717 #content.loop
.post
.featured
{
722 #content .post
.post-title
{
725 max-width: calc
(100% - 30px);
726 margin: 20px 15px 35px;
729 #content .post
.content-holder
{
732 margin: 0 auto
35px auto
;
736 #content .post
.content-holder p
{
740 #content .post
.content-holder img
{
744 -webkit-transition: transform
.3s ease-in-out
;
745 -moz-transition: transform
.3s ease-in-out
;
746 -o-transition: transform
.3s ease-in-out
;
747 transition: opacity
.3s ease-in-out
;
750 #content .post
.content-holder
.kg-width-wide img
{
751 max-width: calc
(100% + 300px);
754 transform: translateX
(-50%);
757 #content .post
.content-holder
.kg-width-full img
{
761 transform: translateX
(-50%);
764 #content .post
.content-holder
.img-holder:hover img
{
768 .editor-content .kg-gallery-container {
770 flex-direction: column
;
772 max-width: calc
(100% + 300px);
777 transform: translateX
(-50%);
780 .editor-content .kg-gallery-row {
783 justify-content: center
;
786 .editor-content .kg-gallery-image img {
795 .editor-content .kg-gallery-row:not(:first-of-type) {
799 .editor-content .kg-gallery-image:not(:first-of-type) {
803 #content .content-holder figcaption
{
804 border-bottom: 1px solid
#e9e9e9;
813 #content .post
.tags
{
818 #content .post
.tags a
{
822 text-transform: uppercase
;
825 #content .post
.tags
a:hover
{
829 #content .post
.tags
a:before
{
842 border-bottom: 1px solid
#000;
845 .content-inner a.zoom{
848 cursor: -webkit-zoom-in
;
853 .post-content
input:not
([type
=submit
]):not
([type
=file
]):not
([type
=radio
]):not
([type
=checkbox
]):not
([type
=reset
]):not
([type
=button
]),
854 .post-content textarea{
858 .content-inner .content-holder .social-share{
866 text-transform: uppercase
;
872 .content-inner .content-holder .social-share.fade{
877 .content-inner .content-holder .social-share.active{
882 .content-inner .content-holder .social-share a:not(.img-holder){
890 .content-inner .content-holder .social-share a:not(.img-holder):hover{
894 .content-inner .content-holder .social-share a:before{
895 font-family: 'icons';
897 -webkit-transition: all
0.3s ease-in-out
;
898 -moz-transition: all
0.3s ease-in-out
;
899 -o-transition: all
0.3s ease-in-out
;
900 transition: all
0.3s ease-in-out
;
903 .content-inner .content-holder .social-share .twitter:before{
907 .content-inner .content-holder .social-share .twitter:hover:before{
911 .content-inner .content-holder .social-share .facebook:before{
915 .content-inner .content-holder .social-share .facebook:hover:before{
919 #content.content-inner
.content-holder hr
{
924 #content.content-inner
.post
.content-holder p
{
928 .content-inner iframe{
929 max-width: 100% !important
;
933 .content-inner iframe[src*="https://www.youtube.com/"] {
934 height: calc
(750px / 1.77777778) !important
;
935 width: 100% !important
;
947 .post-footer .tags a{
951 text-transform: uppercase
;
954 .post-footer .tags a:hover{
958 .post-footer .tags a:before {
963 margin: 50px auto
100px auto
;
969 padding: 50px 0 100px 0;
979 /* ==========================================================================
981 ========================================================================== */
985 text-transform: uppercase
;
992 .pagination .container{
1006 .pagination a.older-posts{
1020 #load-posts.visible
{
1024 #load-posts.visible
+ .pagination
{
1028 /* ==========================================================================
1030 ========================================================================== */
1032 .author-template .author{
1037 .author-template .author .author-image{
1041 .author-template #content{
1048 border-top: 1px solid
#E9E9E9;
1053 font-family: "europa", "Cabin", sans-serif
;
1068 .author .author-image{
1070 margin: -70px auto
18px auto
;
1073 .author .author-image img{
1076 -webkit-transition: all
0.3s ease-in-out
;
1077 -moz-transition: all
0.3s ease-in-out
;
1078 -o-transition: all
0.3s ease-in-out
;
1079 transition: all
0.3s ease-in-out
;
1086 .author .author-image .img:hover img{
1090 .author .author-meta{
1097 .author .author-meta span{
1101 .author .author-meta a{
1103 display: inline-block
;
1106 .author .author-meta a:hover{
1110 .author .author-meta .author-location:before{
1111 font-family: 'icons';
1115 vertical-align: top
;
1119 .author .author-meta .author-link:before{
1120 font-family: 'icons';
1124 -webkit-transition: all
0.3s ease-in-out
;
1125 -moz-transition: all
0.3s ease-in-out
;
1126 -o-transition: all
0.3s ease-in-out
;
1127 transition: all
0.3s ease-in-out
;
1128 vertical-align: top
;
1132 .author .author-meta .author-link:hover:before{
1144 .author .social a:before{
1148 .author .social a.facebook:hover{
1152 .author .social a.twitter:hover{
1156 /* ==========================================================================
1158 ========================================================================== */
1161 margin: 170px 0 0 0;
1169 font-family: "europa", "Cabin", sans-serif
;
1170 font-weight: normal
;
1171 text-transform: uppercase
;
1176 .tag-title h1:before{
1180 .tag-template #content{
1184 /* ==========================================================================
1185 7. Share Selected Text
1186 ========================================================================== */
1188 .share-selected-text-main-container {
1191 margin-left: calc
(100%/2 - 100px);
1193 -webkit-transform: translateY
(5px);
1194 -ms-transform: translateY
(5px);
1195 transform: translateY
(5px);
1196 transition: .3s ease opacity
, .3s ease transform
, .3s ease top
, .3s ease left
;
1197 display: -webkit-flex
;
1198 display: -ms-flexbox
;
1200 -webkit-justify-content: center
;
1201 -ms-flex-pack: center
;
1202 justify-content: center
;
1203 -webkit-align-items: center
;
1204 -ms-flex-align: center
;
1205 align-items: center
;
1206 -webkit-flex-direction: column
;
1207 -ms-flex-direction: column
;
1208 flex-direction: column
;
1210 pointer-events: none
;
1213 .share-selected-text-main-container.active {
1215 -webkit-transform: translateY
(0);
1216 -ms-transform: translateY
(0);
1217 transform: translateY
(0);
1221 .share-selected-text-main-container.active .share-selected-text-inner {
1222 pointer-events: auto
;
1225 .share-selected-text-main-container .share-selected-text-inner {
1229 display: -webkit-flex
;
1230 display: -ms-flexbox
;
1232 -webkit-justify-content: center
;
1233 -ms-flex-pack: center
;
1234 justify-content: center
;
1235 -webkit-align-items: center
;
1236 -ms-flex-align: center
;
1237 align-items: center
;
1239 pointer-events: none
;
1243 .share-selected-text-main-container .share-selected-text-btn {
1244 display: -webkit-flex
;
1245 display: -ms-flexbox
;
1247 -webkit-justify-content: center
;
1248 -ms-flex-pack: center
;
1249 justify-content: center
;
1250 -webkit-align-items: center
;
1251 -ms-flex-align: center
;
1252 align-items: center
;
1253 text-transform: uppercase
;
1259 -webkit-transition: all
0.3s ease-in-out
;
1260 -moz-transition: all
0.3s ease-in-out
;
1261 -o-transition: all
0.3s ease-in-out
;
1262 transition: all
0.3s ease-in-out
;
1265 .share-selected-text-main-container
.share-selected-text-btn
.fa-twitter:before
,
1266 .share-selected-text-main-container .share-selected-text-btn .icon-sst-twitter:before{
1267 font-family: 'icons';
1274 display: inline-block
;
1284 .tooltip-trigger-text {
1297 align-items: center
;
1298 justify-content: center
;
1303 background: #555555;
1308 -webkit-transition: background
0.3s ease-in-out
;
1309 -moz-transition: background
0.3s ease-in-out
;
1310 -o-transition: background
0.3s ease-in-out
;
1311 transition: background
0.3s ease-in-out
;
1314 .tooltip-content:before{
1318 background: #555555;
1319 transform: rotate
(45deg);
1325 -webkit-transition: background
0.3s ease-in-out
;
1326 -moz-transition: background
0.3s ease-in-out
;
1327 -o-transition: background
0.3s ease-in-out
;
1328 transition: background
0.3s ease-in-out
;
1331 .tooltip-content:hover
,
1332 .tooltip-content:hover:before{
1333 background: #1da1f2;
1340 .tooltip--smaug .tooltip-base {
1342 transform-origin: 50% 100%;
1345 .tooltip--smaug .tooltip-content {
1349 /* ==========================================================================
1351 ========================================================================== */
1354 background-color: #FFF100;
1360 margin-bottom: 60px;
1363 .subscribe.scroll header{
1367 .subscribe header .container{
1368 justify-content: center
;
1371 .subscribe #content{
1379 .subscribe header a{
1384 align-items: center
;
1385 justify-content: center
;
1388 .subscribe header a:before{
1389 font-family: "icons";
1395 /* ==========================================================================
1397 ========================================================================== */
1400 background-color: #FFF100;
1407 font-family: "europa", "Cabin", sans-serif
;
1411 margin-bottom: 20px;
1415 margin-bottom: 80px;
1419 list-style-type: none
;
1425 display: inline-block
;
1426 font-family: "europa", "Cabin", sans-serif
;
1429 text-transform: uppercase
;
1433 footer
.tags ul li
a:before
{
1443 margin: 0 auto
80px auto
;
1446 footer form button
[type
="submit"],
1447 .gh-signin button[type="submit"]{
1451 background: transparent
;
1463 footer form button
[type
="submit"]:hover
,
1464 .gh-signin button[type="submit"]:hover{
1467 transform: translate3d
(-3px, 0,0);
1470 footer form button
[type
="submit"]:before
,
1471 .gh-signin button[type="submit"]:before{
1472 font-family: "icons";
1484 margin: 0 10px 70px 10px;
1485 display: inline-block
;
1488 .social a:hover:before{
1494 -webkit-transition: all
0.3s ease-in-out
;
1495 -moz-transition: all
0.3s ease-in-out
;
1496 -o-transition: all
0.3s ease-in-out
;
1497 transition: all
0.3s ease-in-out
;
1501 animation: shake
.5s linear
;
1502 -webkit-animation: shake
.5s linear
;
1505 @-webkit-keyframes shake
{
1507 -webkit-transform: translateX
(-10px);
1510 -webkit-transform: translateX
(10px);
1513 -webkit-transform: translateX
(-5px);
1516 -webkit-transform: translateX
(5px);
1519 -webkit-transform: translateX
(0);
1523 /* ==========================================================================
1525 ========================================================================== */
1527 @media (max-width: 1199px) {
1532 padding-bottom: 50px;
1534 #results li:last-child
{
1535 padding-bottom: 100px;
1544 padding-right: 30px;
1546 #content.loop
.post
{
1552 #content .post
.post-title
{
1556 .content-inner .content-holder .social-share{
1561 @media (max-width: 991px) {
1568 header
.search-container form
{
1569 margin-bottom: 50px;
1571 header
.search-container #search-field
{
1577 width: calc
(100% - 60px);
1588 padding-bottom: 50px;
1590 #results li:last-child
{
1591 padding-bottom: 100px;
1595 height: calc
(100vh - 104px);
1597 .content-inner .content-holder .social-share{
1603 .content-inner .content-holder .social-share span{
1606 .content-inner .content-holder .social-share a:not(.img-holder){
1607 display: inline-block
;
1610 #content .post
.content-holder img
.kg-image-wide
{
1613 .content-inner iframe[src*="https://www.youtube.com/"] {
1614 height: calc
(690px / 1.77777778) !important
;
1621 .tag-template #content {
1628 margin-bottom: 20px;
1630 .subscribe #content .post{
1631 margin-bottom: 20px;
1633 .author-template .author{
1634 padding-bottom: 20px;
1640 footer
.tags ul li a
{
1645 margin-bottom: 40px;
1647 footer form
, .gh-signin
{
1649 margin-bottom: 40px;
1653 margin-bottom: 40px;
1657 @media (max-width: 767px) {
1661 .content-inner
.post-content ul
,
1662 .content-inner .post-content ol{
1673 max-width: calc
(100% - 30px);
1676 vertical-align: top
;
1678 header
.nav-trigger
{
1679 display: inline-block
;
1693 padding-bottom: 50px;
1694 -webkit-transition: all
0.3s ease-in-out
;
1695 -moz-transition: all
0.3s ease-in-out
;
1696 -o-transition: all
0.3s ease-in-out
;
1697 transition: all
0.3s ease-in-out
;
1704 header
.search-container
{
1708 -webkit-transition: all
0.3s ease-in-out
;
1709 -moz-transition: all
0.3s ease-in-out
;
1710 -o-transition: all
0.3s ease-in-out
;
1711 transition: all
0.3s ease-in-out
;
1713 header
.search-container #search-field
{
1719 .end-nav-trigger header
,
1720 .end-search-trigger header{
1721 background: #fff100;
1723 .begin-nav-trigger header nav ul
,
1724 .begin-search-trigger .search-container{
1728 .end-nav-trigger header nav ul
,
1729 .end-search-trigger .search-container{
1730 visibility: visible
;
1733 #results li a
, #results p
{
1741 padding-bottom: 25px;
1743 header
.search-container form
{
1744 margin: 20px auto
0;
1746 header
.header-container
{
1750 header
.blog-logo img
{
1757 #results li:last-child
{
1758 padding-bottom: 50px;
1760 #content.loop
.post
{
1761 margin-bottom: 70px;
1765 padding-right: 15px;
1766 margin-bottom: 30px;
1768 #content .post
.post-title
{
1775 #content .post
.content-holder p
{
1779 #content .post
.content-holder img
{
1780 max-width: calc
(100% + 30px);
1783 -webkit-transform: translateX
(-50%);
1784 -ms-transform: translateX
(-50%);
1785 transform: translateX
(-50%);
1787 .content-inner iframe[src*="https://www.youtube.com/"] {
1788 height: calc
((100vw - 30px) / 1.77777778) !important
;
1792 padding-right: 15px;
1794 .author-template .author{
1809 .tag-template #content {
1812 .author .author-meta{
1815 .author .author-meta span{
1820 margin-bottom: 50px;
1830 margin-bottom: 50px;
1833 margin-bottom: 50px;
1836 margin-bottom: 50px;
1842 padding-bottom: 80px;
1856 @media (max-width: 540px) {
1857 #content .post
.post-title
{