/*
 Theme Name:   Koolkat
 Description:  Designy Child
 Author:       Merrill M. Mayer
 Author URI:   http://www.koolkatwebdesigns.com
 Template:     designy
 Version:      1.0.2
 Tags:         light, white, gray, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready
 */



/* =Theme customization starts here
-------------------------------------------------------------- */
footer .menu li {
	display:inline-block;
}
footer .menu li a {
font-size:11px;
}
.content article .post-thumb, .article-archive .post-thumb {
	background-color:#FFF;
	float:none;
}
.content article .post-thumb img, .article-archive .post-thumb img{
	width: 100%;

}
.post-content a[href^="https://developer.apple.com/"] {
	word-wrap: break-word;
}
input[type="submit"] {
	background-color:#0ebff3;
	border: none;
	border-radius: 0;
	color:#fff;
	font-size:17px;
	margin-top:0.5em;
    padding: 1em 2em 1.1em 2em;
    -o-transition: background 0.25s ease-in;
    -webkit-transition: background 0.25s ease-in;
    -moz-transition: background 0.25s ease-in;
    transition: background 0.25s ease-in;
    
}
input[type="submit"]:hover {
	background-color:#3e4345;
}
.contact-form input[type=text], .contact-form  input[type=url], .contact-form input[type=email], .contact-form input[type=tel], .contact-form textarea {
	transition: border 0.6s linear;
}
 input[type=tel] {
	 outline: none;
	 -webkit-appearance: none;
 }
.contact-form input[type=text]:focus, .contact-form  input[type=url]:focus, .contact-form input[type=email]:focus, .contact-form input[type=tel]:focus, textarea:focus {
	border: 2px solid;
}
.contact-form p label:first-of-type:not(for=["commentstext"]) {
	display:inline-block;
	width:3.750em;
}

.footnote a:hover {
	color:#fff;
}
section.clients .logos img {
	max-width:340px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #646464;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
.portfolio-item a:hover {
	color:#fff;
}
/*css grid*/
.cssgrid #portfolio-items, .cssgrid #portfolio-main {
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-gap:40px;
	
} 
.cssgrid #content-wrapper #portfolio-items article, .cssgrid #content-wrapper #portfolio-main article{
	float:none;
	margin-bottom:0;
	padding:0;
	width:auto;
	
}
.cssgrid #portfolio-items .clearboth, .cssgrid #portfolio-main .clearboth {
	display:none;
}
.cssgrid .footer-widgets .widgets{
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-gap:30px;
}
.cssgrid .footer-widget {
	width:auto;
}
@media only screen and (min-width : 30.000em) { 
	.wp-image-1587 {
		float:left;
		margin: 5px 15px 20px 0;
		
	}
	@supports (shape-outside:ellipse(100px 150px at 50% 50%)) or  (-webkit-shape-outside:ellipse(100px 150px at 50% 50%))  {
		.wp-image-1587 {
			border-radius:50%;
			-webkit-shape-outside:ellipse(100px 150px at 50% 50%);
			-moz-shape-outside:ellipse(100px 150px at 50% 50%);
		    shape-outside:ellipse(100px 150px at 50% 50%);
		}
	}
	.cssgrid #portfolio-items, .cssgrid #portfolio-main {
		grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	}
}