/*
Theme Name: DW Minion - modified
Theme URI: /
Author: DesignWall
Author URI: http://www.designwall.com/
Description: DW Minion is a simple and clean WordPress Blog Theme. This theme is designed which aims for a minimal and simple blog while showing off the most of your content. DW Minion supports responsive design and it’s great to blog anytime anywhere you want. Social sharing is focused and various post formats are supported. The theme is available for free, so grab it and start blogging.
Version: 1.1.7
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: green, light, white, three-columns, left-sidebar, right-sidebar, flexible-width, featured-images, threaded-comments, translation-ready
Text Domain: dw-minion

DW Minion WordPress theme, Copyright (C) 2013 DesignWall
DW Minion WordPress theme is licensed under the GPL v3.0
*/


/*** All Images Grayscale, Scale on hover Effect ***/
* img, 
.thumb, 
.design-thumbnail {
  filter:grayscale(1) !important;
  transition: all .5s !important;
  opacity: 0.8;
}
* img:not(.design-thumbnail img):hover, 
.thumb:hover, 
.design-thumbnail:hover {
  filter:none !important;
  transform: scale(1.03);
  opacity: 1.0;
}
/*** END Image Grayscale Effect ***/



.gist {
  margin-top:35px;
  margin-bottom:45px;
}
.entry-content,
.page-content {
  line-height: 26px;
}
.entry-content img,
.page-content img {
  margin-top:35px;
  margin-bottom: 35px;
  max-width: 99%;
}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-top:35px;
  margin-bottom:35px;
  text-align:left;
}
/*.page-content h4 {
  display:none;
}*/
.entry-content h6,
.page-content h6 {
  font-size:21px;
  text-transform: none;
}
.single .entry-content a,
.page-content a {
  border-bottom:1px solid #666;
}

.single .entry-content .wp-block-image a {
  border-bottom: 0 !important;
}

.page-template-blog-archives .page-content a {
  border-bottom:none;
}
span.taglist {
  margin-bottom: 6px;
  display: inline-block;
}
.single .entry-content a:hover,
.single .entry-content a:focus,
.single .entry-content a:active,
.page-content a:hover,
.page-content a:focus,
.page-content a:active {
  text-decoration:none;
  border-bottom:1px solid #7cc576;
}
.entry-content table,
.page-content table {
  margin-top:25px;
  margin-bottom: 30px;
}
.page-template-tpl-home .content-list .hentry,
.home .content-list .hentry,
.page-template-tpl-home .content-list .hentry,
.blog .content-list .hentry,
.archive .content-list .hentry {
  margin-bottom: 40px;
}
#secondary .widget {
  border-top:none;
  margin-top: 0;
  padding-top:0;
}

body.home .site-nav-inner .site-subtitle, 
body.home .site-nav-inner .site-description {
  display:none;
}
.site-nav-inner .site-subtitle {
  margin-bottom:0px;
  font-weight: 800;
}
.site-nav-inner .site-description {
  margin-top:5px;
  margin-bottom: 26px;
}
#mobile-masthead {
  display:none; 
  grid-template-columns: 56px 1fr;
  grid-column-gap: 16px;
  padding-left: 35px;
  padding-right: 35px;   
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 40px;
}
.text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#mobile-masthead .site-subtitle {
  font-weight: 800;
  margin-bottom: 0px;
  line-height: 20px;
}
#mobile-masthead .site-description{
  margin-top: 2px;
  line-height: 17px;
}

.archive-div h4 {
  margin-top: 35px;
  margin-bottom: 35px;
}
.archive-div li,
.archive-div ul {
  list-style: none;
  padding:0 0 0 0;
  margin:0 0 0 0;
}
.archive-div .icon-calendar {
  margin-right: 8px;
}
.archive-div .icon-tag {
  margin-right:4px;
}
.category_list ul li {
  position: relative;
}
.category_list li:before {
  content: "\f115";
  font-family: FontAwesome;
  margin-right: 6px;
  font-size: 14px;
}
.archive .page-header {
    margin-bottom: 50px;
}

.contactform-div input[type="text"],
.contactform-div textarea {
  width:100%;
}
.contactform-div #subject,
.contact-form .msg-success,
.contact-form .msg-fail  {
  display:none;
  visibility:hidden;
}
.contactform-div input[type="email"] {
  width:100%;
}
#contact-form-submit {
  margin-top:15px;
}

.entry-content pre {
  margin-top:45px;
  margin-bottom:45px;
}

.crayon-syntax {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

#nav-below {
  clear: both;
}
.archive .entry-title,
.blog .entry-title,
.home .entry-title,
.page-template-tpl-home .entry-title {
  font-size: 22px;
}
.archive .span6 .entry-content p,
.blog .span6 .entry-content p,
.home .span6 .entry-content p,
.page-template-tpl-home .span6 .entry-content p {
  height: 104px;
  overflow: hidden;
}
.archive .span6 .entry-meta,
.blog .span6 .entry-meta,
.home .span6 .entry-meta,
.page-template-tpl-home .span6 .entry-meta  {
  display: none;
}
.archive .span6:nth-child(odd),
.blog .span6:nth-child(odd),
.home .span6:nth-child(odd),
.page-template-tpl-home .span6:nth-child(odd),
.git-repos-wrap .span3:first-child {
  margin-left: 0;
}
.archive .span6:nth-child(odd) header,
.archive .span6:nth-child(odd) .entry-content,
.blog .span6:nth-child(odd) header,
.blog .span6:nth-child(odd) .entry-content,
.home .span6:nth-child(odd) header,
.home .span6:nth-child(odd) .entry-content,
.page-template-tpl-home .span6:nth-child(odd) header,
.page-template-tpl-home .span6:nth-child(odd) .entry-content  {
  padding-right: 20px;
}

.archive .span6:nth-child(2),
.blog .span6:nth-child(2),
.home .span6:nth-child(2),
.page-template-tpl-home .span6:nth-child(2){
  border-top:none;
  padding-top: 0px;
}
.archive .span6 .entry-header,
.blog .span6 .entry-header,
.home .span6 .entry-header,
.page-template-tpl-home .span6 .entry-header{
  height: 52px;
  margin-bottom: 13px;
  overflow: hidden
}
.home .page-title {
  font-size: 42px;
}
.home .page-header .taxonomy-description {
  font-size:22px;
  line-height:36px;
  margin-bottom:10px;
}
.repo-item {
  margin-bottom:25px;
  margin-top: 25px;
  text-align:center;
  padding-left:25px;
  border-left:1px solid #e5e5e5;
}
.repo-item:hover,
.repo-item:focus,
.repo-item:active {
  opacity: .8;
  cursor: pointer;
}
.git-repos-wrap .span3:first-child {
  border-left:none;
  padding-left:0px;
}

.repo-item h5 {
  margin-bottom:5px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.repo-item .repo-desc {
  height: 70px;
  overflow: hidden;
  line-height:23px;
}
.repo-item img.octocat {
  opacity:.2;
}

.git-repos-wrap {
  overflow: hidden;
  margin-bottom: 55px;
}


.span4.type-work .entry-header {
  margin-bottom: 13px;
}
.section-holder {
  clear:both;
  display: block;
  padding-bottom: 35px;
}
.section-holder h2 {
  font-family:'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: #959595;
}
.page-title span {
   color: #7cc576;
}

.home .page-header + .content-list,
.page-template-tpl-home .page-header + .content-list {
  margin-bottom: 0px;
}
.home .entry-thumbnail img,
.page-template-tpl-home .entry-thumbnail img,
.post-type-archive-work .entry-thumbnail img {
  width:95%;
}
.home .entry-thumbnail img:hover,
.page-template-tpl-home .entry-thumbnail img:hover,
.post-type-archive-work .entry-thumbnail img:hover {
  transition: opacity .3s ease-in-out;
  opacity: 0.5;
}
.entry-thumbnail-wrapper {
  position: relative;
}
.overlay-left, 
.overlay-right {
  position: absolute;
  z-index: 99;
}

.overlay-left {
  top: 204px;
  left: 40px;
  width: 11%;
}
.overlay-right {
  top: 14px;
  right: 41px;
  width: 10%;
}


.blog .page-header {
  margin-bottom: 50px;
}

/**********WORK SECTION************/
.span4.work {
  overflow: hidden;
  margin-bottom: 60px;
}
.post-type-archive-work .span4.work:nth-child(3n+4),
.work .span4.work:first-child{
  margin-left: 0 !important;
}

.span4.work .entry-content p {
  height: 106px;
  overflow: hidden;
}

.span4.work .entry-title{
  font-size: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.single-work .entry-thumbnail{
  overflow: hidden;
  margin-bottom:52px;
}

.single-design .entry-thumbnail {
  overflow: hidden;
  margin-bottom:12px;
}

.single-work .entry-thumbnail img, 
.single-design .entry-thumbnail img  {
  position: relative;
  /* left:-63px; */
  width: 64%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.single-design .entry-thumbnail img {
  border: 1px solid #d0d0d0;
  border-bottom: none;
  width: 76%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.single-work article.type-work, 
.single-design article.type-design {
  text-align:center;
}
.single-work .entry-content img, 
.single-design .entry-content img  {
  text-align:center;
  margin-left: auto;
  margin-right:auto;
  margin-top: 50px;
  margin-bottom: 50px;
}
.single-work .entry-header,
.single-work .entry-content, 
.single-design .entry-header,
.single-design .entry-content  {
  padding-left:50px;
  padding-right:50px;
}
.single-design .entry-title {
  font-weight: 400;
  font-size: 13px;
  color: #666;
  margin-top: 0;
  text-align: center;
  /* margin-bottom: 0; */
}
.sexy-line {
  display: block;
  border:none;
  color:white;
  height:1px;
  position: relative;
  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 450, from(#000), to(#fff));
  top: -1px;
}
h1.caption {
  font-weight: 100;
}

/******FIX FOR IMAGES THAT LOOK LEFT JUSTIFIED******/
.entry-content img.force-center, 
.entry-content img.forceCenter {
  position: relative;
  left:55px;
}

/*****this adds border to the left***********/
#page {
  padding-top: 0;
}
#navigation {
  padding-top: 80px;
}
.site-main-inner {
  border-left: 1px solid #e5e5e5;
  padding-left: 50px;
  padding-top:80px;
  padding-bottom: 60px;
}
.home .primary-inner,
.page-template-tpl-home .primary-inner {
  padding-bottom: 45px;
}
/*****end border to the left***********/
.articles-wrap, 
.recent-blog-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: minmax(358px, 1fr);
    grid-column-gap: 35px;
    grid-row-gap: 25px;
}
.articles-wrap .entry-meta .sep, 
.articles-wrap .entry-meta .byline, 
.articles-wrap .entry-meta .cat-links, 
.recent-blog-wrap .entry-meta .sep, 
.recent-blog-wrap .entry-meta .byline,
.recent-blog-wrap .entry-meta .cat-links {
  display:none;
}

.articles-wrap .entry-title, 
.recent-blog-wrap .entry-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  min-height: 57px;
}

.articles-wrap .entry-content p, 
.recent-blog-wrap .entry-content p, 
.work-wrap .entry-content p  {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.design-wrap .entry-content p {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.design-wrap .entry-content p {
  font-size: 13px;
  line-height: 20px;
  color: #aaa;
}
.blog .content-list .pager,
.archive .content-list .pager,
.post-type-archive-work .content-list .pager {
  margin-top:40px;
}
.blog .page-header + .content-list,
.archive .page-header + .content-list,
.post-type-archive-work .page-header + .content-list {
  margin-bottom:0px;
}
.singular article.work,
.single article.work  {
  margin-bottom: 60px;
}
a.viewall {
  font-style: italic;
  font-size: 12px;
  border-bottom: 1px solid #B9B9B9;
  padding-bottom: 2px;
  color: #B9B9B9;
}
a.viewall:hover {
  text-decoration: none;
  transition: color .25s ease-in-out;
  color: #7cc576;
  border-bottom: 1px solid #7cc576;
}


.work-wrap, 
.design-wrap {
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows:minmax(358px, 1fr);
  grid-column-gap: 35px;
  grid-row-gap: 45px;
}
.work-thumbnail {
  margin-bottom:25px;
}
.design-thumbnail {
  border: 1px solid #d0d0d0;
  border-radius:6px;
  margin-bottom:14px;
}

.home .work-wrap{
  padding-bottom:20px;
  margin-bottom: 35px;
    border-bottom: 1px solid #e5e5e5;
}

.border img {
  border: 1px solid #ececec;
  box-shadow: 6px 6px 0 #cccccc2e;
}

.modal, 
.loader-wrapper {
  position:fixed;
  padding:0;
  margin:0;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background:#31313180;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}
.modal-dialog {
  background: #fff;
  width: 400px;
  padding: 10px 25px 25px 25px;  
  border: 1px solid #ebebeb;
  box-shadow: 0px 0px 8px 2px #0000006b;
}
.modal-dialog form {
  margin-bottom:0;
}
.modal-header {
  display:flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.hidden {
  display: none;
  visibility: hidden;
}
.modal-body p {
  font-size: 14px;
  line-height: 18px;
}
.modal-body label {
  margin-bottom:0px;
  font-size: 13px;
}
.modal-body input {
  width: 100%;
  padding: 3px 10px 3px 10px;
  height: auto;
  margin-bottom: 8px;
}
.two-col-form{
  display:grid; 
  grid-template-columns:1fr 1fr; 
  gap:20px;
  margin-bottom: 10px;
}
.modal-body button {
  background: #7cc576;
  border: none;
  color: #fff;
  padding: 9px 20px 8px;
  font-size: 14px;
  border-radius: 4px;
}
button.close {
  position: relative;
  top: -12px;
  right: -15px;
  font-size: 28px;
  font-weight: 100;
}
.loader {
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #ccc; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;
}
p.thankyou-msg, 
p.error-msg {
  padding: 12px 20px;
  border-radius: 4px;
  font-size: 13px;
  font-style: italic;
}
p.thankyou-msg {
  background: #deffe6;
  border: 1px solid #bbddc3;
}
p.error-msg {
  background: #fff0f0;
  border: 1px solid #e9d6d4;
}

.btn-green,
.btn-yellow, 
.btn-gray,
.btn-blue, 
.btn-dkgreen {      
  font-size: 11px;
  padding: 1px 11px 0;
  border-radius: 4px;
  display: inline-block;
  color: #fff;
  filter:grayscale(1);
  transition: all 0.5s ease;
}
.btn-green:hover,
.btn-gray:hover,
.btn-yellow:hover, 
.btn-blue:hover, 
.btn-dkgreen:hover {
  cursor: pointer;
  color: #fff !important;
  text-decoration: none;
  filter: grayscale(0);
}
.btn-yellow {
  background: #e1c260 !important;
}
.btn-gray {
  background: #ccc !important;
}
.btn-green {
  background: #7cc576 !important;
}
.btn-dkgreen {
  background-color: #53924d !important;
}
.btn-blue {
  background: #5285c2 !important;
}
.design-title-inarchive {
  margin-bottom: 15px;
}
.action-btns-in-archive {
  display:flex;
  gap:10px;
}
.action-btns-in-content {
  display: flex;
  margin-top: 25px;
  margin-bottom: 30px;
  gap: 6px;
}
.action-btns-in-content a {
  font-size: 14px !important;
  padding: 5px 22px 5px !important;
  border-bottom:none !important;
}

.banners-wrapper {
  position: relative;
  margin-bottom: 45px;
  display: flex; 
  justify-content: center;
}
.affiliate-arrow {
  position: absolute;
  top: -30px;
  left: 0;
}
.action-btns {
  position: absolute;
  top: -14px;
  z-index: 9999;
  background: #fff;
  padding-right: 12px;
}
.action-btns a {
  color: #fff;
}
.design-title {
  color: #aaa;
  text-align: left;
}
.single-design .entry-meta {
  margin-bottom: 65px;
  position: relative;
  margin-top: 25px;
}

.post-ad-insert {
  padding:15px 25px;
  border:1px solid #ebebeb;
  background-color: #f8f8f8;
  border-radius:8px;
  margin:23px 0 31px 0;
  font-size: 13px;
  line-height: 21px;
  color: #999;
  text-align: left;
}

 

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media(max-width:1199px){
  #mobile-masthead {
    display:grid;
  }
  .site-main {
    padding-top:20px;
  }
  .home .page-header {
    display:none;
  }

  .search-input-container,
  .msg-success,
  .msg-fail {
    display:none;
  }
  .contact-form .msg-success,
  .contact-form .msg-fail {
    display:block;
    visibility: visible;
  }

  .site-nav .widget:first-child {
    padding-top: 10px !important;
  }

  #navigation {
    padding-top: 0px;
  }
  .site-main-inner {
    border-left: none;
    padding-left: 0px;
    padding-top: 0px;
  }
}

.single-work .related-title {
  margin-right: -300px;
  padding-right: 300px;
}
.search-no-results .search-input-container {
  display: none;
}
.search-input-container {
  border:1px solid #e5e5e5;
  margin-top: 25px;
  border-radius:4px;
}
.search-input-container form {
  margin-bottom: 0;
  margin-top: 0;
}
.search-input-container button{
  border: none;
  background: none;
  float: right;
    margin-right: 5px;
}
.search-input-container button:before{
    content: "\f002";
    font-family: FontAwesome;
    display: block;
    height: 100%;
    text-align: center;
    line-height: 40px;
}
.search-input-container input[type="search"]{
    border:none;
    width: 80%;
    margin-bottom: 0;
    padding-left: 10px;
    font-size: 12px;
}

.site-nav .widget:first-child { 
  border-top: none;
  padding-top: 0px;
}

.site-nav #carbonads { 
  margin-top: 25px;
  padding: 15px 33px 27px 0px;
  border-bottom: 1px solid #e5e5e5;
}
.site-nav #carbonads img,
.site-nav #carbonads .carbon-img{
  margin:0 auto;
  /*display: block;*/
}
.site-nav #carbonads .carbon-text {
  clear:both;
  overflow: hidden;
  display: block;
  /*text-align: center;*/
  font-size: 11px;
  line-height: 15px;
  margin-top: 10px;
  font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #aaaaaa;
/*font-size: 12px;
line-height: 20px;*/
}
.site-nav .carbon-poweredby {
  color: #7cc576;
  font-size: 11px;
  /*text-align: center;*/
  display: block;
}

.btn {
  background: #7cc576;
  color: #fff !important;
  filter: grayscale(1);
  border-radius: 4px;
  transition: all 0.5s ease;
}
.home .btn,
.blog .btn,
.archive .btn {
  position: relative;
  left: 1px;
  top: -1px;
}

.btn:hover,
.meta-nav.btn:hover {
  box-shadow:none;
  filter:grayscale(0);
}

p.btn {
  margin-bottom: 35px;
    margin-top: 20px;
}

.single .entry-content p.btn a, 
.page-content p.btn a {
  border-bottom:none;
}
.single .entry-content p.btn a:hover, 
.page-content p.btn a:active {
  color:#111111;
  border-bottom: 1px solid #111111;
}


.pager .disabled {
  display:none;
  border:none;
}
.thumb {
    box-shadow: inset 0px 0px 0px 1px #d5d5d5;
    height: 127px;
    background-position-x: center !important;
    background-position-y: center !important;
    background-size: cover !important;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    display: block;
    text-indent: -9999px;
}



/*make page 2 column*/
@media (min-width: 980px) {
  #primary,
  .primary-inner  {
    margin-right:0;
  }
  #secondary {
    display:none;
  }
}
#secondary {
  display: none;
}
/*end 2 col code*/

.single-work .entry-content p, 
.single-design .entry-content p {
  text-align:left;
}

@media(max-width:767px){ 
  .site-main {
    padding-top:60px;
  }
  #mobile-masthead {
    padding-left: 20px;
    padding-right: 20px; 
  }
  .entry-content img.force-center,
  .entry-content img.forceCenter { 
    left:0px;
  }
  .single-work .entry-header,
  .single-work .entry-content {
    padding-left:20px;
    padding-right:20px;
  }
  .single-work .entry-thumbnail img {
    left:0;
    width: 100%;
  }
  .blog .span6:nth-child(2),
  .home .span6:nth-child(2),
  .page-template-tpl-home .span6:nth-child(2){
    border-top:1px solid #e5e5e5;
    padding-top: 30px;
  }
  .archive .span6 .entry-header,
  .blog .span6 .entry-header,
  .home .span6 .entry-header,
  .page-template-tpl-home .span6 .entry-header {
    height: auto;
    margin-bottom: 5px;
  }
  .home .entry-thumbnail img,
  .page-template-tpl-home .entry-thumbnail img,
  .post-type-archive-work .entry-thumbnail img {
    width:100%;
  }
  .archive .span6:nth-child(odd) header,
  .archive .span6:nth-child(odd) .entry-content,
  .blog .span6:nth-child(odd) header,
  .blog .span6:nth-child(odd) .entry-content,
  .home .span6:nth-child(odd) header,
  .home .span6:nth-child(odd) .entry-content,
  .page-template-tpl-home .span6:nth-child(odd) header,
  .page-template-tpl-home .span6:nth-child(odd) .entry-content   {
    padding-right: 0px;
  }
  .repo-item .repo-desc {
    height: auto;
    margin-bottom:10px;
    border-bottom:1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .repo-item {
    margin-bottom:45px;
    padding-left:0px;
    border-left:0px;
  }
  .work-wrap, 
  .design-wrap {   
    grid-template-columns: 1fr 1fr;   
  }
  .overlay-left {
    top: 124px;
    left: 23px;
  }
  .overlay-right {
    top: 22px;
    right: 29px;
  }

}

@media(max-width:518px){
  .two-col-form{
    grid-template-columns: 1fr;
  }
  .work-wrap, 
  .design-wrap {   
    grid-template-columns: 1fr;
    grid-template-rows: minmax(258px, 1fr);
  }
  .articles-wrap, 
  .recent-blog-wrap {    
    grid-template-columns: 1fr;
  }
  .single-work .entry-header, 
  .single-work .entry-content, 
  .single-design .entry-header, 
  .single-design .entry-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}