-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
21 lines (18 loc) · 18.8 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/*!
Theme Name: Policyhacks Blog
Theme URI: https://grandworks.co
Author: GrandWorks
Author URI: https://grandworks.co
Description: Custom theme for iSPIRT PolicyHacks Blog
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ispirt
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
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.
ispirt is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/body{color:#3e6770;font-family:"Archivo Narrow",sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:27px;overflow-x:hidden}h1,h2{color:#000;font-family:"Poppins",sans-serif;font-weight:700;font-style:normal;font-size:50px;line-height:75px}h3{color:#000;font-family:"Poppins",sans-serif;font-weight:700;font-style:normal;font-size:26px;line-height:43px;margin-bottom:0px}h4{font-family:"Poppins",sans-serif;font-size:24px;line-height:40px;font-weight:900;color:#3e6770}p{color:#3e6770;font-family:"Archivo Narrow",sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:27px}a{color:#000;font-family:"Archivo Narrow",sans-serif;font-weight:600;font-size:18px;line-height:27px;margin:0px;text-decoration:underline}a:hover{color:#ff8231}[type=text],[type=email],[type=url],textarea{border:none;box-shadow:0px 4px 11px 0px #d8e3e5;border-radius:5px;padding:21px 20px;color:#3e6770;font-family:"Archivo Narrow",sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:27px;background-color:#fff;resize:none}[type=text]::-webkit-input-placeholder,[type=email]::-webkit-input-placeholder,[type=url]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:inherit}[type=text]:-ms-input-placeholder,[type=email]:-ms-input-placeholder,[type=url]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:inherit}[type=text]::placeholder,[type=email]::placeholder,[type=url]::placeholder,textarea::placeholder{color:inherit}textarea{margin-bottom:40px}[type=text]:focus,[type=email]:focus,[type=url]:focus,textarea:focus{border:none;background:#fff;box-shadow:0 0 5px #dcdcdc}input::placeholder{color:#3e6770}input::-webkit-input-placeholder{color:#3e6770}input::-moz-placeholder{color:#3e6770}.button,.submit{background:#ff7f34;color:#fff;font-size:18px;font-weight:600;padding:12px 20px;border-radius:5px;text-decoration:underline;cursor:pointer;border:none}.button:hover,.button:active,.button:focus,.submit:hover,.submit:active,.submit:focus{background:#e66214;text-decoration:none}.clear{clear:both}#top-navigation{background:#fff;width:100%;height:80px;top:0px;left:0px;z-index:999;box-shadow:0px 2px 32px 0px rgba(0,0,0,.1);position:fixed}#top-navigation .logo{float:left;padding:10px 40px 11px 40px}#top-navigation .logo img{width:140px;height:auto}#top-navigation .the-navigation{float:right;padding:0px 10px}#top-navigation .the-navigation ul{list-style:none;margin:0px;text-align:right}#top-navigation .the-navigation ul li{float:left;margin-right:30px;position:relative}#top-navigation .the-navigation ul li a{padding:27px 0px 23px 0px;display:inline-block}#top-navigation .the-navigation ul ul.sub-menu{position:absolute;top:0px;left:-50px;background:#fff;padding:25px 30px;text-align:left;width:200px;border-radius:5px;box-shadow:0px 2px 32px 0px rgba(0,0,0,.1);margin-top:75px;display:none}#top-navigation .the-navigation ul ul.sub-menu li{float:none;margin:0px}#top-navigation .the-navigation ul ul.sub-menu li a{padding:5px}#top-navigation .the-navigation ul li:hover ul.sub-menu{display:block}#hamburger{display:none}#top-header{width:100%}#top-header .grid-x{height:100%}#top-header .left-content{height:100%;padding-top:80px;position:relative;background:#f2fdff;display:flex;flex-direction:column;justify-content:center}#top-header .left-content .intro-text{padding:40px;border-bottom:2px solid #cdf0f7;flex:1}#top-header .left-content .intro-text .wrap{display:flex;flex-direction:column;justify-content:center;height:100%}#top-header .left-content .intro-text h2{margin:0px}#top-header .left-content .key-focus{padding:40px 20px}#top-header .left-content .key-focus .cell{padding-left:20px;padding-right:20px}#top-header .left-content .key-focus .cell .illustration{width:90px;float:left;margin-right:30px}#top-header .left-content .key-focus .cell .details{width:calc(100% - 120px);float:left}#top-header .left-content .key-focus .cell .details p{margin:0px;color:#000}#top-header .left-content .header-feature .video-feature{width:100%;height:100%;background-size:auto 140%;background-position:center;position:relative;background-color:#ff8b25;background-blend-mode:screen}#top-header .left-content .header-feature .video-feature:after{content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:rgba(255,139,37,.1);background-blend-mode:screen}#top-header .left-content .header-feature .video-feature:before{content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background-image:url("img/play.svg");z-index:1;background-repeat:no-repeat;background-position:center}#top-header .left-content .header-feature .content-feature{width:100%;height:100%;background-size:cover;background-position:center;position:relative;padding:25px 40px;z-index:1;background-image:url("img/letter.jpg")}#top-header .left-content .header-feature .content-feature:after{content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background:#000;opacity:.7;z-index:-1}#top-header .left-content .header-feature .content-feature h3{color:#fff}#top-header .left-content .header-feature .content-feature p{color:#fff;margin:0px}#top-header .left-content .header-feature .content-feature a{color:#d9e899}#top-header .right-image{height:100%;background-image:url("img/header-iamge.jpg");background-position:center;background-size:cover}.site-footer{background:#000;margin-top:50px}.site-footer .newsletter{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-image:url("img/newsletter.jpg");background-size:cover;background-position:center}.site-footer .newsletter .wrap{max-width:475px;margin:0 auto}.site-footer .newsletter .wrap h3{color:#79c4d3;font-size:50px;line-height:58px;text-transform:none;margin-bottom:30px}.site-footer .newsletter .wrap input.email{width:calc(100% - 132px);margin-right:10px;float:left}.site-footer .newsletter .wrap .button{font-size:18px;text-decoration:underline;color:#fff;background:#79c4d3;border-radius:5px;font-weight:600;padding:11px 25px;float:left}.site-footer .add{padding:100px 0px}.site-footer .add h3{color:#fff}.site-footer .add p{color:#b1b9c3;margin:0px}.site-footer .add.add1{padding-left:80px}.site-footer .add.add2{padding-left:10px}.site-footer .add.add2 .grandworks{width:110px;position:relative;top:1px;left:1px;display:inline-block}.site-footer .add.add2 .grandworks svg{width:100%}.site-footer .add.add2 .grandworks svg path{transition:all .5s ease}.site-footer .add.add2 .grandworks:hover svg path{fill:#fff;transition:all .5s ease}.site-footer .foot{padding:25px 0px;background:#202020}.site-footer .foot .wrap{height:100%;display:flex;align-items:center;justify-content:center}.site-footer .foot.foot1{border-right:2px solid #282828}.site-footer .foot.foot1 h3{color:#fff;float:left;margin:0px;margin-top:4px;margin-right:20px}.site-footer .foot.foot1 .social{float:left}.site-footer .foot.foot1 .social ul{list-style:none;margin:0px}.site-footer .foot.foot1 .social ul li{float:left}.close-button{color:#000}.blog-card{padding:40px;box-shadow:0px 5px 20px #d8e3e5;margin-bottom:30px;background:#fff}.blog-card .author{font-weight:600;font-size:15px;line-height:23px;color:#79c4d3;text-decoration:none;text-transform:capitalize}.blog-card span.author{display:block;margin-bottom:8px}.button-wrap{display:flex;justify-content:space-between}.button-wrap .button{margin:0px}.button-wrap .button-wrap-right .button-text{text-align:right}.img-wrap{display:block}.img-wrap img{height:100%;width:100%;object-fit:cover}.blog-title{display:block;color:#000;font-family:"Poppins",sans-serif;font-weight:700;font-style:normal;font-size:26px;line-height:43px;margin-bottom:0px;text-decoration:none;word-break:break-word}.blog-title:hover,.blog-title:active,.blog-title:focus{color:initial}.blog-header{position:relative;padding:90px 0px;background-image:url("img/blog-background.jpg");background-size:cover;background-position:center;padding:150px 0px 120px 0px;z-index:1}.blog-header h2{margin-bottom:20px}.blog-header h2 span{color:#79c4d3}.blog-header .search-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.blog-header .search-wrap .search-submit{background:url("img/search.svg") no-repeat;position:absolute;width:30px;height:28px;right:15px;cursor:pointer;top:calc(100%/2 - 23px)}.blog-header:after{content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:#f2fdff;opacity:.9;z-index:-1}.card-outer-wrap{position:relative;margin-top:-50px;z-index:10}.all-blog-cards .blog-card .blog-title{margin-bottom:30px}.all-blog-cards .blog-card .description{margin-bottom:40px}.all-blog-cards .img-wrap{height:300px}.all-blog-cards .pagination-nav{margin-top:50px}.all-blog-cards .pagination-nav .pagination .pagination-previous{float:left;text-decoration:underline}.all-blog-cards .pagination-nav .pagination .pagination-previous a{color:#000;font-family:"Archivo Narrow",sans-serif;font-weight:600;font-size:18px;line-height:27px;margin:0px;text-decoration:underline}.all-blog-cards .pagination-nav .pagination .pagination-previous a:before{content:none}.all-blog-cards .pagination-nav .pagination .pagination-previous:hover,.all-blog-cards .pagination-nav .pagination .pagination-previous:active,.all-blog-cards .pagination-nav .pagination .pagination-previous:focus{text-decoration:none}.all-blog-cards .pagination-nav .pagination .pagination-next{float:right;text-decoration:underline}.all-blog-cards .pagination-nav .pagination .pagination-next a{color:#000;font-family:"Archivo Narrow",sans-serif;font-weight:600;font-size:18px;line-height:27px;margin:0px;text-decoration:underline}.all-blog-cards .pagination-nav .pagination .pagination-next a:after{content:none}.all-blog-cards .pagination-nav .pagination .pagination-next:hover,.all-blog-cards .pagination-nav .pagination .pagination-next:active,.all-blog-cards .pagination-nav .pagination .pagination-next:focus{text-decoration:none}.all-blog-cards .pagination-nav .pagination .current{background-color:#70c6d2;color:#fff;border-radius:5px}.all-blog-cards .pagination-nav .pagination a{color:#3e6770;text-decoration:none;border-radius:5px;display:inline-block}.all-blog-cards .pagination-nav .pagination a.button{color:#fff;border-radius:5px;padding:7px 28px}.all-blog-cards .pagination-nav .pagination a.button:hover,.all-blog-cards .pagination-nav .pagination a.button:active,.all-blog-cards .pagination-nav .pagination a.button:focus{background:#e66214;text-decoration:none}.blog-card-wrap{margin-top:130px}.blog-card-wrap .blog-card{padding:40px}.blog-card-wrap .blog-card .author{margin:25px 0px 45px 0px}.blog-card-wrap .blog-card .blog-title{color:#000;font-family:"Poppins",sans-serif;font-weight:700;font-style:normal;font-size:50px;line-height:75px}.blog-card-wrap .blog-card p{color:#565656;font-family:"Poppins",sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:40px;color:#3e6770;margin-bottom:40px}.blog-card-wrap .blog-card .img-wrap{margin-bottom:50px}.blog-card-wrap .button-text{display:block;margin-bottom:15px;color:#3e6770}.blog-card-wrap .button-text:hover{color:#ff8231}.comment-respond [type=checkbox]{display:none}.comment-respond .comment-form{margin-top:15px}.comment-respond .comment-form label{display:none}.comment-respond .comment-form .logged-in-as{display:none}.comment-respond .comment-form .comment-notes{display:none}.comment-body .fn{position:relative;top:-15px;left:10px}.comment-body .says{display:none}.comment-body .comment-metadata{display:none}.comment-body .comment-metadata time{display:none}.comment-body .comment-content{position:relative;left:65px;bottom:30px}.comment-body .comment-content p{margin-bottom:0px}.comment-list li{list-style:none}@media screen and (max-width: 63.9375em){.blog-card{padding:0px}h4{font-size:20px;line-height:30px}#top-navigation .the-navigation{padding:0px;float:none}.intro-text{margin-top:60px}.site-footer .add.add2{padding-top:60px}.site-footer .foot.foot1{padding:30px 30px}.site-footer .foot .wrap h3{margin-right:0px;margin-bottom:10px}.blog-header{padding:140px 0px 120px 0px}.all-blog-cards .blog-card .blog-info{padding:40px}.all-blog-cards .blog-card .blog-info .blog-title{font-size:20px;line-height:30px;margin-bottom:0px}.all-blog-cards .blog-card .blog-info .description{margin-bottom:30px}.all-blog-cards .blog-card .img-wrap{height:300px}.all-blog-cards .blog-card .img-wrap img{width:100%;height:100%}.blog-card-wrap{margin-top:110px}.blog-card-wrap .blog-card{padding:30px}.blog-card-wrap .blog-card .blog-title{font-size:30px;line-height:40px}.blog-card-wrap .blog-card .author{margin:12px 0px 15px 0px}.blog-card-wrap .blog-card .img-wrap{margin-bottom:20px;height:500px}.blog-card-wrap .blog-card p{margin-bottom:20px}.comments-area{margin-top:0px}.comments-area .logged-in-as{display:none}.comments-area .comments-title,.comments-area .comment-reply-title{font-size:25px;line-height:32px}body,p,a{font-size:16px;line-height:27px}h2{font-size:32px;line-height:42px;margin-bottom:30px}.grid-padding-x>.cell{padding-left:15px;padding-right:15px}.site-footer .foot .wrap{flex-wrap:wrap}#top-navigation{height:60px}#top-navigation .logo{padding:7px 25px;max-width:150px;float:none}#top-navigation .logo img{width:100%}#top-navigation .the-navigation{float:none;position:fixed;height:auto;max-height:calc(100% - 60px);overflow-y:scroll;width:100%;background:#fff;top:60px;padding:0px;display:none}#top-navigation .the-navigation ul li{width:100%;float:none;text-align:left;margin-right:0px}#top-navigation .the-navigation ul li.menu-item-has-children a{background-image:url("img/down-arrow.svg");background-size:20px;background-repeat:no-repeat;background-position:calc(100% - 20px) center}#top-navigation .the-navigation ul li a{padding:15px;width:100%;display:block;background-color:#f3f3f3;border-bottom:2px solid #eae8e8;text-decoration:none;text-transform:uppercase}#top-navigation .the-navigation ul ul.sub-menu{display:block;position:relative;left:0px;padding:0px;width:auto;margin:0px;box-shadow:none;border-radius:0px}#top-navigation .the-navigation ul ul.sub-menu li a{border-bottom:0px;padding:7px 40px;text-transform:none;background:#eae8e8}#top-navigation.open .the-navigation{display:block}#hamburger{display:block;width:30px;height:30px;position:absolute;right:20px;top:20px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;-o-transition:.1s ease-in-out;transition:.1s ease-in-out;cursor:pointer}#hamburger span{display:block;position:absolute;height:3px;width:100%;background:#000;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;-o-transition:.1s ease-in-out;transition:.1s ease-in-out}#hamburger span:nth-child(1){top:0px}#hamburger span:nth-child(2),#hamburger span:nth-child(3){top:9px}#hamburger span:nth-child(4){top:18px}#top-navigation.open #hamburger span:nth-child(1){top:7px;width:0%;left:50%}#top-navigation.open #hamburger span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#top-navigation.open #hamburger span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#top-navigation.open #hamburger span:nth-child(4){top:7px;width:0%;left:50%}#top-header{height:auto;min-height:auto}#top-header .right-image{height:calc(50vh - 60px);margin-top:60px}#top-header .left-content .intro-text{padding:30px}#top-header .left-content .intro-text h2{font-size:32px;line-height:42px}#top-header .left-content{padding-top:0px}#top-header .left-content .key-focus{padding:30px 10px 0px 10px}#top-header .left-content .key-focus .cell .illustration{width:60px;margin-right:20px}#top-header .left-content .key-focus .cell .details{width:calc(100% - 80px);margin-bottom:30px}#top-header .left-content .header-feature .content-feature{padding:30px}.site-footer .newsletter{padding:60px 30px}.site-footer .newsletter .wrap{width:100%;max-width:100%}.site-footer .newsletter .wrap p{margin-bottom:0px}.site-footer .newsletter .wrap h3{font-size:32px;line-height:42px;margin-bottom:30px}.site-footer .newsletter .wrap input{width:100%;margin-right:0px;float:none}.site-footer .add,.site-footer .add.add1,.site-footer .add.add2{padding:60px 30px}.site-footer .add.add1{padding-bottom:30px}.site-footer .add.add2{padding-top:0px}#page-header{padding-top:60px;margin-bottom:60px}#page-header .bg-wrap{padding:60px 0px}#page-header h1{font-size:36px;line-height:42px}}@media screen and (max-width: 40em){.blog-card{padding:0px}#top-navigation .the-navigation{float:right}.site-footer .newsletter{padding:30px 30px}.site-footer .add,.site-footer .add.add1,.site-footer .add.add2{padding:30px 30px}h4{font-size:20px;line-height:30px}.blog-card-wrap .blog-card{padding:15px;margin-bottom:50px}.blog-card-wrap .blog-card .blog-title{font-size:28px;line-height:37px}.blog-card-wrap .blog-card .author{margin-top:5px}.blog-card-wrap .blog-card .img-wrap{height:300px}.blog-card-wrap .blog-card p{font-size:15px;line-height:30px;margin-bottom:20px}.all-blog-cards .blog-card .blog-info .blog-title{font-size:20px;line-height:30px;margin-bottom:5px}.all-blog-cards .blog-card .blog-info .description{margin-bottom:10px}.all-blog-cards .blog-card .blog-info .read-more-button{display:block}.all-blog-cards .pagination-nav .pagination .pagination-next{display:block}.all-blog-cards .pagination-nav .pagination .pagination-next a,.all-blog-cards .pagination-nav .pagination .pagination-previous a{font-size:15px;padding:5px 10px;line-height:20px}.all-blog-cards .pagination-nav a.page-numbers,.all-blog-cards .pagination-nav span.page-numbers{display:none}.blog-header{padding:130px 0px 120px 0px}.blog-header p{margin-bottom:0px}.blog-header .search-wrap{margin-top:20px}.blog-header h2{font-size:30px;line-height:39px;margin-bottom:10px}.card-outer-wrap{margin-top:-80px}.all-blog-cards{padding:35px 0px}.button-wrap{flex-direction:column}.button-wrap .button-wrap-right{margin-top:20px}.button-wrap .button-wrap-right .button-text{text-align:initial}}.site-footer .medium-7 .wrap p a{color:#b1b9c3}.site-footer .medium-7 .wrap p a:hover{color:#ff8231}.no-scroll{overflow:hidden}