/*
Theme Name: Illdy
Theme URI: http://colorlib.com/wp/themes/illdy/
Author: Colorlib
Author URI: http://colorlib.com
Description: Illdy is a stunning multipurpose WordPress theme built based on Bootstrap frontend framework making it fully responsive and mobile friendly. This theme is well suited for business, landing page, portfolio or any other creative websites. This leaves heavy lifting to WordPress Customizer therefore you can create your website on live preview mode. Which means that you can see changes happen on your website in real time as you make them
Version: 2.1.9
Tested up to: 5.6
Requires PHP: 5.6
Tags: portfolio, entertainment, blog
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio
Text Domain: illdy

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.
*/
.col-sm-3.widget_illdy_project {
	width: 30%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 40px;
}
#projects .inline-columns {
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}
#projects .project .project-overlay {
	background-color:rgba(0, 0, 0, 0);				
    	opacity: 1;
    	z-index: 1000;
    	font-size: 2.1em;
    	color: #333333;
    	line-height: 1.0em;
    	vertical-align: middle;
    	display: inline-block;
    	margin-top: 10px;
}
#projects .project span.project-overlay {
	padding-left: 6px;
	padding-right: 6px;
}
.top-header .col-sm-4 {
	width: 80%;
}
.front-page-section {
    text-align: left;
    padding-left: 10%;
    padding-right: 10%
}
#full-width.width-padding {
    padding-top: 60px;
}
#full-width .section-content {
    padding-top: 60px;
}
#header .bottom-header .section-description {
    line-height: 30px;
    font-size: 20px;
}
#header .top-header .header-logo {
    font-size: 25px;
}
	@media screen and (max-width: 1450px) {
	#projects .project .project-overlay {
		font-size: 1.7em;
	}	
}
@media screen and (max-width: 1200px) {
	#projects .project .project-overlay {
		font-size: 1.3em;
	}	
}
@media screen and (max-width: 950px) {
	#projects .project .project-overlay {
		font-size: 1.1em;
	}	
}
@media screen and (max-width: 768px) {
	#header .top-header .header-logo {
    		font-size: 12px;
	}
	#projects .project .project-overlay {
		font-size: .9em;
	}	
}
@media screen and (max-width: 550px) {
	#projects .project .project-overlay {
		font-size: .75em;
	}	
}
#header .bottom-header {
    padding-top: 100px;
}
#header .bottom-header .col-sm-offset-2 {
    margin-left: 0;
}
#header .bottom-header .col-sm-offset-2 .section-description p {
	width: 90% !important;
	color: #bbb;
}
#header.header-front-page .bottom-header .header-button-one {
    background-color: rgba( 256, 59, 48, 1 )!important;
    margin: 0!important;
}
#header .bottom-header {
	text-align: left;
}

.arrow {
  text-align: center;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
      
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
#header .top-header .header-logo:hover {
    color: #bbb;
}
#projects .project {
	border:0px solid #c1c1c1;
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 10%;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: 50%;
    min-width: 110px;
}
#illdy_project-2 {
	position: relative;
}
#illdy_project-2 span {
	positoin: absolute;
    bottom: 0;
}
#projects .project .project-overlay {
top: auto;
bottom: 10%;
height: auto;
}
.section-header h3, #full-width h5 {
    font-size: 45px;
    line-height: 1em;
}
.front-page-section .section-header .section-description, #full-width .textwidget p {
    font-size: 24px;
    line-height: 1.5em;
    padding-bottom: 1.0em;
}
#full-width .section-content div[id^="text-"] {
	padding-bottom: 20px;
/*	250 209 130 */
    border-bottom: 3px solid #fad182;
}
#illdy_service-5 h5,#illdy_service-6 h5,#illdy_service-7 h5 {
	font-size: 1.1em;
}
div[id^="illdy_service-"] {
	text-align: left;
}
#services .container {
	width: 90%; 
	margin-left: auto;
	margin-right: auto;
}
div[id^="illdy_service-"].col-sm-4 {
/*	width: 25%; */
}
#services .widget_illdy_service:nth-child(1), #services .widget_illdy_service:nth-child(2), #services .widget_illdy_service:nth-child(3), #services .widget_illdy_service:nth-child(4) {
    margin-top: 0;
}
.blog-post-meta {
	display: none;
}
#rss-3, #rss-4, #rss-5, #rss-6, #rss-7, #rss-8 {
    list-style: none;
}
#rss-3 ul li, #rss-4 ul li, #rss-5 ul li, #rss-6 ul li, #rss-7 ul li, #rss-8 ul li {
    list-style: none;
}
[id^="rss-"].widget {
    margin-bottom: 0;
}
[id^="rss-"] ul li {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 10px;
}
[id^="rss-"] .widget-title {
    display: none;
}
.markup-format ul:not(.wc_payment_methods) li {
	list-style: none;
}
@media screen and (max-width: 1043px) {
	#header .bottom-header h1 p {
	    width: 90% !important;
	}
}
@media screen and (max-width: 700px) {
	#projects .inline-columns {
	    width: 100%;
	}
}
@media screen and (max-width: 700px) {
	.section-header h3, #full-width h5 {
	    font-size: 34px;
	}
}