Skip to Content

CSS File

URL: https://sawapo.name/wp-content/themes/generatepress/assets/css/main.min.css?ver=3.2.4
HTTP Status: 200 OK
MIME Type: text/css
Last Modified: Sat, 28 Jan 2023 11:52:00 GMT
Download Time: Less than a second
Cookies: None
Size: 20 KB
Rules: 273 style rules
Imports: 0 stylesheets
HTTP Headers:  5 headers
Links In:  1 pages
Links Out:  0 links
Images:  0 images
CSS:  0 files
JavaScript:  0 files
Issue Issues: 1 issues found on 17 lines

1blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0;border:0}

2html{font-family:sans-serif;

-webkit-text-size-adjust:100%;

-ms-text-size-adjust:100%;

-webkit-font-smoothing:antialiased;

-moz-osx-font-smoothing:grayscale}

3main{display:block}

4progress{vertical-align:baseline}

5html{box-sizing:border-box}

6*,::after,::before{box-sizing:inherit}

7button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}

8[type=search]{

-webkit-appearance:textfield;outline-offset:-2px}

9[type=search]::-webkit-search-decoration{

-webkit-appearance:none}

10::-moz-focus-inner{border-style:none;padding:0}

11:-moz-focusring{outline:1px dotted ButtonText}

12body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}

13p{margin-bottom:1.5em}

14h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}

15pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}

16blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}

17blockquote p:last-child{margin:0}

18table,td,th{border:1px solid rgba(0,0,0,.1)}

19table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}

20td,th{padding:8px}

21th{border-width:0 1px 1px 0}

22td{border-width:0 1px 1px 0}

23hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}

24fieldset{padding:0;border:0;min-width:inherit}

25fieldset legend{padding:0;margin-bottom:1.5em}

26h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}

27h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}

28h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}

29h4{font-size:24px}

30h5{font-size:20px}

31h4,h5,h6{margin-bottom:20px}

32ol,ul{margin:0 0 1.5em 3em}

33ul{list-style:disc}

34ol{list-style:decimal}

35li>ol,li>ul{margin-bottom:0;margin-left:1.5em}

36dt{font-weight:700}

37dd{margin:0 1.5em 1.5em}

38b,strong{font-weight:700}

39cite,dfn,em,i{font-style:italic}

40address{margin:0 0 1.5em}

41code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}

42abbr,acronym{border-bottom:1px dotted #666;cursor:help}

43ins,mark{text-decoration:none}

44sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}

45sup{bottom:1ex}

46sub{top:.5ex}

47small{font-size:75%}

48big{font-size:125%}

49figure{margin:0}

50table{margin:0 0 1.5em;width:100%}

51th{font-weight:700}

52img{height:auto;max-width:100%}

53button,input[type=button],input[type=reset],input[type=submit]{background:#55555e;color:#fff;border:1px solid transparent;cursor:pointer;

-webkit-appearance:button;padding:10px 20px}

54input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid;border-radius:0;padding:10px 15px;max-width:100%}

55textarea{width:100%}

56a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}

57a{text-decoration:none}

58.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}

59.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}

60.using-mouse :focus{outline:0}

61.using-mouse ::-moz-focus-inner{border:0}

62.alignleft{float:left;margin-right:1.5em}

63.alignright{float:right;margin-left:1.5em}

64.aligncenter{clear:both;display:block;margin:0 auto}

65.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}

66.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}

67.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);

-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

68.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;

-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

69#primary[tabindex="-1"]:focus{outline:0}

70.main-navigation{z-index:100;padding:0;clear:both;display:block}

71.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;

font-size:15px}

72.main-navigation ul{list-style:none;margin:0;padding-left:0}

73.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}

74.inside-navigation{position:relative}

75.main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}

76.main-navigation .main-nav>ul{display:flex;flex-wrap:wrap;align-items:center}

77.main-navigation li{position:relative}

78.main-navigation .menu-bar-items{display:flex;align-items:center;

font-size:15px}

79.main-navigation .menu-bar-items a{color:inherit}

80.main-navigation .menu-bar-item{position:relative}

81.main-navigation .menu-bar-item.search-item{z-index:20}

82.main-navigation .menu-bar-item>a{padding-left:20px;padding-right:20px;line-height:60px}

83.sidebar .main-navigation .main-nav{flex-basis:100%}

84.sidebar .main-navigation .main-nav>ul{flex-direction:column}

85.sidebar .main-navigation .menu-bar-items{margin:0 auto}

86.sidebar .main-navigation .menu-bar-items .search-item{order:10}

87.nav-align-center .inside-navigation{justify-content:center}

88.nav-align-center .main-nav>ul{justify-content:center}

89.nav-align-right .inside-navigation{justify-content:flex-end}

90.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}

91.main-navigation ul ul a{display:block}

92.main-navigation ul ul li{width:100%}

93.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;

font-size:14px}

94.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}

95.main-navigation.sub-menu-left ul ul{box-shadow:-1px 1px 0 rgba(0,0,0,.1)}

96.main-navigation.sub-menu-left .sub-menu{right:0}

97.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}

98.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}

99.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}

100.nav-float-right .main-navigation ul ul ul{top:0}

101.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}

102.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}

103.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}

104.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}

105.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}

106.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}

107.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}

108.site-main .post-navigation{margin-bottom:0}

109.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}

110.paging-navigation .nav-links>*{padding:0 5px}

111.paging-navigation .nav-links .current{font-weight:700}

112.nav-links>:first-child{padding-left:0}

113.site-header{position:relative}

114.inside-header{padding:20px 40px}

115.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}

116.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;

font-size:15px}

117.site-logo{display:inline-block;max-width:100%}

118.site-header .header-image{vertical-align:middle}

119.inside-header{display:flex;align-items:center}

120.header-widget{margin-left:auto}

121.header-widget p:last-child{margin-bottom:0}

122.nav-float-right .header-widget{margin-left:20px}

123.nav-float-right #site-navigation{margin-left:auto}

124.nav-float-left #site-navigation{margin-right:auto;order:-10}

125.nav-float-left .header-widget{margin-left:0;margin-right:20px;order:-15}

126.header-aligned-center:not([class*=nav-float-]) .inside-header{justify-content:center;flex-direction:column;text-align:center}

127.header-aligned-center:not([class*=nav-float-]) .header-widget{margin-left:auto;margin-right:auto}

128.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child){margin-top:1em}

129.header-aligned-right:not([class*=nav-float-]) .inside-header{justify-content:flex-end}

130.header-aligned-right:not([class*=nav-float-]) .header-widget{margin-right:auto;margin-left:0;order:-10}

131.site-branding-container{display:inline-flex;align-items:center;text-align:left;flex-shrink:0}

132.site-branding-container .site-logo{margin-right:1em}

133.sticky{display:block}

134.entry-header .gp-icon,.posted-on .updated{display:none}

135.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}

136footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}

137.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}

138.page-links{clear:both;margin:0 0 1.5em}

139.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}

140.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}

141.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}

142.entry-header,.site-content{word-wrap:break-word}

143.entry-title{margin-bottom:0}

144.author .page-header .page-title{display:flex;align-items:center}

145.author .page-header .avatar{margin-right:20px}

146.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}

147.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}

148footer.entry-meta{margin-top:2em}

149.cat-links,.comments-link,.tags-links{display:block}

150.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}

151.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}

152.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}

153.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}

154.wp-caption img{position:relative;vertical-align:bottom}

155.wp-block-image figcaption{

font-size:13px;text-align:center}

156.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}

157.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}

158.gallery{margin-bottom:1.5em}

159.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}

160.gallery-columns-2 .gallery-item{max-width:50%}

161.gallery-columns-3 .gallery-item{max-width:33.33%}

162.gallery-columns-4 .gallery-item{max-width:25%}

163.gallery-columns-5 .gallery-item{max-width:20%}

164.gallery-columns-6 .gallery-item{max-width:16.66%}

165.gallery-columns-7 .gallery-item{max-width:14.28%}

166.gallery-columns-8 .gallery-item{max-width:12.5%}

167.gallery-columns-9 .gallery-item{max-width:11.11%}

168.gallery-caption{display:block}

169.site-main .gallery{margin-bottom:1.5em}

170.gallery-item img{vertical-align:bottom}

171.gallery-icon{padding:5px}

172embed,iframe,object{max-width:100%}

173.wp-block-post-template{margin-left:0}

174.widget-area .widget{padding:40px}

175.widget select{max-width:100%}

176.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}

177.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}

178.widget ol,.widget ul{margin:0}

179.widget .search-field{width:100%}

180.widget .search-form{display:flex}

181.widget .search-form button.search-submit{

font-size:15px}

182.footer-widgets .widget{margin-bottom:30px}

183.footer-widgets .widget:last-child,.sidebar .widget:last-child{margin-bottom:0}

184.widget ul li{list-style-type:none;position:relative;margin-bottom:.5em}

185.widget ul li ul{margin-left:1em;margin-top:.5em}

186.wp-calendar-table{table-layout:fixed}

187.site-content{display:flex}

188.grid-container{margin-left:auto;margin-right:auto;max-width:1200px}

189.page-header,.sidebar .widget,.site-main>*{margin-bottom:20px}

190.both-left .inside-left-sidebar,.both-right .inside-left-sidebar{margin-right:10px}

191.both-left .inside-right-sidebar,.both-right .inside-right-sidebar{margin-left:10px}

192.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}

193.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}

194.one-container.both-sidebars .site-main{margin:0 40px 0 40px}

195.one-container.archive .post:not(:last-child):not(.is-loop-template-item),.one-container.blog .post:not(:last-child):not(.is-loop-template-item){padding-bottom:40px}

196.one-container .site-content{padding:40px}

197.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}

198.separate-containers .site-main{margin:20px}

199.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}

200.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}

201.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}

202.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}

203.inside-page-header{padding:40px}

204.widget-area .main-navigation{margin-bottom:20px}

205.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}

206.full-width-content .container.grid-container{max-width:100%}

207.full-width-content.no-sidebar.separate-containers .site-main{margin:0}

208.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}

209.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}

210.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}

211.sidebar .grid-container{max-width:100%;width:100%}

212.both-left .is-left-sidebar,.both-sidebars .is-left-sidebar,.left-sidebar .sidebar{order:-10}

213.both-left .is-right-sidebar{order:-5}

214.both-right .is-left-sidebar{order:5}

215.both-right .is-right-sidebar,.both-sidebars .is-right-sidebar{order:10}

216.inside-site-info{display:flex;align-items:center;justify-content:center;padding:20px 40px}

217.site-info{text-align:center;

font-size:15px}

218.post-image:not(:first-child){margin-top:2em}

219.featured-image{line-height:0}

220.separate-containers .featured-image{margin-top:20px}

221.separate-containers .inside-article>.featured-image{margin-top:0;margin-bottom:2em}

222.one-container .inside-article>.featured-image{margin-top:0;margin-bottom:2em}

223.gp-icon{display:inline-flex;align-self:center}

224.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}

225.close-search .icon-search svg:nth-child(1),.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(1){display:none}

226.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}

227.entry-meta .gp-icon{margin-right:.6em;opacity:.7}

228nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}

229nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}

230nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}

231nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}

232nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}

233.container.grid-container{width:auto}

234.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}

235.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;

font-size:15px;cursor:pointer}

236.menu-toggle .mobile-menu{padding-left:3px}

237.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}

238.menu-toggle .mobile-menu:empty{display:none}

239button.menu-toggle{background-color:transparent;flex-grow:1;border:0;text-align:center}

240button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}

241.has-menu-bar-items button.menu-toggle{flex-grow:0}

242nav.toggled ul ul.sub-menu{width:100%}

243.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}

244.main-navigation.toggled .main-nav{flex-basis:100%;order:3}

245.main-navigation.toggled .main-nav>ul{display:block}

246.main-navigation.toggled .main-nav li{width:100%;text-align:left}

247.main-navigation.toggled .main-nav ul ul{transition:0s;visibility:hidden;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}

248.main-navigation.toggled .main-nav ul ul li:last-child>ul{border-bottom:0}

249.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}

250.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}

251.mobile-menu-control-wrapper{display:none;margin-left:auto;align-items:center}

252.has-inline-mobile-toggle #site-navigation.toggled{margin-top:1.5em}

253.has-inline-mobile-toggle #site-navigation.has-active-search{margin-top:1.5em}

254.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active{position:relative}

255.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input{outline:auto}

256.nav-float-left .mobile-menu-control-wrapper{order:-10;margin-left:0;margin-right:auto;flex-direction:row-reverse}

257@media (max-width:768px){.hide-on-mobile{display:none!important}

258a,body,button,input,select,textarea{transition:all 0s ease-in-out}

259.inside-header{flex-direction:column;text-align:center}

260.site-header .header-widget{margin-top:1.5em;margin-left:auto;margin-right:auto;text-align:center}

261.site-content{flex-direction:column}

262.container .site-content .content-area{width:auto}

263.is-left-sidebar.sidebar,.is-right-sidebar.sidebar{width:auto;order:initial}

264.is-left-sidebar+.is-right-sidebar .inside-right-sidebar{margin-top:0}

265.both-left .inside-left-sidebar,.both-left .inside-right-sidebar,.both-right .inside-left-sidebar,.both-right .inside-right-sidebar{margin-right:0;margin-left:0}

266#main{margin-left:0;margin-right:0}

267body:not(.no-sidebar) #main{margin-bottom:0}

268.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}

269.comment .children{padding-left:10px;margin-left:0}

270.entry-meta{font-size:inherit}

271.entry-meta a{line-height:1.8em}

272}

273@media (min-width:769px) and (max-width:1024px){.hide-on-tablet{display:none!important}

274}

275@media (min-width:1025px){.hide-on-desktop{display:none!important}

276}